`
天梯梦
  • 浏览: 13746292 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

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

 
阅读更多

 Snip20150706_14

 

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

分享到:
评论

相关推荐

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    jQuery手机移动端日期时间选择插件.zip

    这是一款实用的jQuery手机移动端日期时间选择插件,手机日期选择网页特效代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] $(document).ready(function(){  // date ...

    date-picker:a date picker component for 天气宝

    A date picker component for 天气宝 需求 Requirements >=3.1.1 Mobile Devices 安装使用 Installation 本控件会自动初始化页面中含有 .tqb-date-picker-input 样式的标签,并将其设置为 readonly。使用时只需要...

    Jquery多种方式贴近用户体验的日期选择时间插件pickerDateRange.zip

    "pickerDateRange"是一款JQuery日期时间插件,它设计用于帮助用户以直观、便捷的方式选择日期范围,提升了网站的交互体验。这款插件不仅提供了多种样式和功能选项,还能够自定义以适应各种项目需求。 首先,我们要...

    tecDatePicker:jQuery Mobile Date Picker插件

    tecDatePicker一个用于jQuery mobile的js插件,用于创建日期字段 尝试一下!! 用法 在html页面中添加 CSS-CSS / main.css 语言js文件lng / ru.js 核心文件tecDatePicker.min.js 在输入元素中添加date-role属性 ...

    25种精品JQuery时间控件

    5. **Timepicker Addon for jQuery UI**:扩展了jQuery UI的Datepicker,增加了时间选择功能,可以单独选择时间或与日期一起选择。 6. **jQuery Timepicker**:一个独立的时间选择器插件,设计简洁,提供多种样式和...

    jQuery_Mobile中文API手册+PDF+HTML+CHM

    9. 插件(Plugins):扩展了框架的功能,如日期选择器(date picker)、弹出框(popup)和滑块(slider)等。 学习jQuery Mobile,开发者需要掌握以下知识点: 1. HTML5的基础知识,包括新标签、表单元素和数据...

    JQuery前端开发技术

    jQuery社区提供了大量插件,如轮播图插件(carousel)、日期选择器(date picker)等,它们丰富了jQuery的功能。开发者也可以根据需求自定义插件,扩展jQuery的能力。 **7. jQuery与其他库的兼容** jQuery设计时...

    bootstrap ace_admin1.3.1 (最新版)

    Bootstrap Date-Time Picker Bootbox.js jQuery Gritter jQuery slimScroll Spin.js jQuery UI Touch Punch Google Code Prettify ExplorerCanvas Mindmup Wysiwyg Editor Toopay Markdown Editor X-editable Select...

    Bootstrap ACE后台管理界面模板(扁平化)

    Bootstrap DateRange Picker 1.2 Bootbox.js 4.0.0 jQuery Gritter 1.7.4 jQuery slimScroll 1.1.1 Spin.js 1.3.0 jQuery UI Touch Punch 0.2.2 Google Code Prettify ExplorerCanvas Mindmup Wysiwyg ...

    ACE Admin官方文档(最新)

    Bootstrap DateRange Picker 1.2 Bootbox.js 4.0.0 jQuery Gritter 1.7.4 jQuery slimScroll 1.1.1 Spin.js 1.3.0 jQuery UI Touch Punch 0.2.2 Google Code Prettify ExplorerCanvas Mindmup Wysiwyg ...

    JS前台框架.rar

    01 bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 02 angular.js AngularJS is an MVC framework for building web applications. The core ...

    jtsage-datebox:用于Bootstrap(3&4),jQueryMobile,Foundation,Bulma,FomanticUI和UIKit(或其他)的多模式日期和时间选择器

    JTSage-DateBox DateBox是jQuery日期和时间选择器。 ,可与多种CSS框架一起使用。DateBox功能DateBox完全可用。 包括: 控制选择日期,时间,持续时间或上述内容的任意组合。 限制日期,时间或持续时间的几乎所有...

    6个不同JS日期控件及使用方法

    引入所需文件后,你可以通过`$('input').pickadate(options)`或`$('input').pickatime(options)`来创建日期或时间选择器: ```javascript $('.datepicker').pickadate({ format: 'yyyy-mm-dd', closeOnSelect: ...

    datetime:三种(normal ios android)不同风格的时间选择器控件

    开发者可以借助`android-time-picker`或`react-native-date-picker`这样的JavaScript库来在Web项目中实现这种风格的控件。 在实际开发中,选择哪种风格的时间选择器取决于项目需求和目标用户的设备偏好。JavaScript...

    日期插件-网页效果

    - 时间轴型:如Timeline Picker,用于展示时间线上的日期事件。 3. 实现原理: - JavaScript:大部分日期插件基于JavaScript实现,通过DOM操作展示日历界面,监听用户交互。 - CSS:用于美化插件样式,使其与...

    手机移动端demo

    表单设计可能采用了输入验证、placeholder属性、以及新的表单控件,如date picker,以提升用户输入体验。 在移动端开发中,通常会采用响应式设计,利用CSS3的媒体查询来调整布局,确保在手机和平板等不同设备上都能...

    30组常用前端开发组件库,前端组件收集整理列表.pdf

    日期选择方面,`Both Date and Time picker widget`、`GMU 日历组件`和`Mobiscroll`提供了方便的日期选择器。颜色选择器如`Colorpicker plugin for Twitter Bootstrap`,以及标签插件如`TaggingJS`则丰富了用户输入...

    Muhammad Usman Charisma-基于HTML5 Bootstrap搭建的后台模板

    ... It is featured with many plugins and UI elements to ease...•Date Picker •Multiple File Upload •Slider •Dialog Box •Auto Growing Textarea •Ajax Loaders •Progress Bars •Alerts •Pop Notifications

    Telerik kendoui 2013.1.514

    3. **日期选择器(Date Picker)**和**日历(Calendar)**:这些控件为用户提供了直观的日期输入和管理方式,可能在2013年版本中加入了更多的本地化支持。 4. **下拉列表(DropdownList)**和**组合框(ComboBox)*...

Global site tag (gtag.js) - Google Analytics