July 6, 2015
HomeJavascript /Jquery / Bootstrap / Webjquery: 手机版时间拾取器 date time picker for mobile

jquery: 手机版时间拾取器 date time picker for mobile

By  Javascript /Jquery / Bootstrap / Web  0 Comments

 Pickers

There are three picker files:

  • picker.js The core file (required before any other picker)
  • picker.date.js The date picker
  • picker.time.js The time picker

To support old browsers, namely IE8, also include the legacy.js file.

Themes

All themes are generated using LESS and compiled from the lib/themes-source folder into the lib/themes folder.

There are two themes:

  • default.css The default modal-style theme
  • classic.css The classic dropdown-style theme

Based on the theme, pick the relevant picker styles:

  • default.date.css and default.time.css when using the default theme
  • classic.date.css and classic.time.css when using the classic theme

** For languages with text flowing from right-to-left, also include the rtl.css stylesheet.

Translations

The translations live in the lib/translations folder. There are currently 43 language translations included.

项目地址：https://github.com/amsul/pickadate.js

官网：http://amsul.ca/pickadate.js/

下载：pickadate.js-3.5.6

原文地址：jquery: 手机版时间拾取器 date time picker for mobile

Related Posts

  • jQuery: 仿select下拉框效果，点击空白关闭弹出层，判断是否被mouseover

    1. 方法一 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta…

  • 移动前端工作的那些事---前端制作篇之框架篇

    为了更好的提升用户体验，移动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点： 一、Sencha Touch框架是一个重量级的框架、它上手较难，代码复杂，并且需要较强的程序基础才能学习，最开始的时候因为一个项目，想使用Sencha Touch框架，后来工期实在太紧张，根本没时间学习它并使用。所以最后转投其他框架。这个框架兼容性很高，运行起来的速度一般，需要长时间的学习且需要水平较高的程序基础才行。所以不太适合前端制作人员的使用。我会在以后的机会单开一篇关于它的使用demo。 二、JQTouch是一个轻量级框架、纯jquery写法，上手比较容易，代码容易理解，加载速度也很快，缺点是配合的移动端效果插件较少，需要很多外部的插件相结合，另外，个别插件还需要解决与框架之间的兼容问题。它的最大的一个弊端就是可利用和变通的布局较少。 三、Jquery-moblie也是一个轻量级框架、纯jquery写法，上手容易，代码容易理解，但由于其绑定的前端效果插件过多，且代码结构有些臃 肿，造成加载速度很慢。尤其是在android系统上测试，速度很慢。用户体验效果不太好，它比较适合开发IPAD或是IOS系统的高端机型。 四、jqMobi也是一个轻量级框架、它的语言基于jquery语言。并对其进行了简化，更有利于在移动设备上进行应用，并且速度很流畅。上手也比较容 易，而且封装了许多移动端的组件，可以随时应用。缺点是版本每次更新时，新版本中在不同的IOS版本和ANDROID系统中总会有些莫名的小BUG。且框 架独立性很强，与其他外部插件无配合，需要动手修改其核心程序才可以。 还有许多其他框架，基本应用的原理差不太多。在这里就不一一赘述了。我会在以后的文章中简单介绍以上所列的四个框架的简单DEMO，供大家参考~。 原文：http://blog.sina.com.cn/s/blog_3f1fc8950101gifj.html

  • 【漫画详解】用iframe障眼法，骗取用户点击

    做过Web开发的朋友曾经都有过这么个念头：在自己的页面里内嵌一个其他网站的网页，然后可以用脚本去获取他们页面里的信息，甚至可以。。。 显然，有这么好的事也肯定轮不到你来尝了：）一个叫沙箱模型的东西被发明出来，就是防止有这种想法的人搞破坏。。。所以现在的我们只能远观，不可亵玩也。   不过，这些规定只是针对脚本而已。假如让用户自己乖乖的去点，那当然是没问题的。但有多少人会去点呢！！ 所以，我们需要施一些特殊的障眼法，让用户在不经意间，就点了我们想让他点的东西：） 就拿上面那个来说吧，如果直接把这个大页面赤果果的硬塞进网页，无论你怎么提示他点，或者说多少好话，大家见了就烦，就是不点：）   所以说，我们必须得修饰修饰，不然人家见了就吓跑了。首先也是最关键的就是这身材问题，突然冒出个这么肥硕的一个页面，看的人眼花缭乱，不知道 发送什么情况啦。我们要好好修剪一下，把没用的部分统统去掉，只留下我们想要的“精华”。这个简单，只要把框架先放到一个层里面，然后把层的尺寸固定好， 最后调整下框架的偏移位置，朝左上方移，正好让“加关注”完全显示在层里面。（用css的clip属性就更简单了，不过有些浏览器不支持）   这样一来，庞大的微博页面，只露出我们希望用户点的那个“按钮”了。但这几个字还是会让用户知道我们的意图，所以必须去掉。要修改iframe 的内容当然是不可能的，但上面放些文字或图片，那框架就被覆盖，收不到事件了。不过别急，我们仅仅是要让用户看不到“加关注”这几个字而已，并不一定要真 正的去掉。所以，我们只需给iframe设置一个很小很小的透明度，让他“看不见却摸得着”。…

Related Posts

About Author

Gideon

Leave a Reply