bootstrap日期选择器-datetimepicker

地址:http://www.bootcss.com/p/bootstrap-datetimepicker/

使用方法,html:

<div class="input-append date" id="p_qixiri_time_div" data-date="2015-10-01" data-date-format="yyyy-MM-dd">
    <input class="span2" size="16" type="text" id="p_qixiri_time" name="p_qixiri_time" value="2015-10-01">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

JS:

$(‘#p_qixiri_time_div‘).datetimepicker({
    language: ‘zh-CN‘,
    format: "yyyy-mm-dd",
    linkField: "mirror_field",
    linkFormat: "yyyy-mm-dd",
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
}).on(‘changeDate‘, function(ev){
    alert(ev.date);
    alert($("#p_qixiri_time").val());
});

时间: 2024-10-06 01:09:52

bootstrap日期选择器-datetimepicker的相关文章

bootstrap日期插件datetimepicker的简单使用

<!DOCTYPE HTML> <html> <head> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" me

杂谈Bootstrap页面框架时间选择器datetimepicker

Prologue . Bug And Analysis 开心就好~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~^_^ 写这篇文章助助兴,调剂下最近繁重的工作.是的,我现在是一个打杂的. 最近项目准备上线,系统稳定性和业务逻辑稳定性逐步提升后,可爱的小测试提出一个惊为天人的二类BUG—— Bootstrap页面框架的时间选择框选择困难! 作为一只萌萌哒后台狗,这种疑难杂症一般解决思路是:不予解决. 可是架构师让我顺便仔细考虑下此问题,尽量不去

日期选择器(Query+bootstrap和js两种方式)

日期选择是在下拉列表中选择年.月.日,年显示前后的五年,12个月,日就是有30.31.29.28天的区别,随着月份的变而变 一.js方式的日期选择 (1)首先就是三个下拉列表了,点击年.月.日显示列表中的内容,这样就是要给这三个列表加"点击事件"onclick <select id="nian" onclick="biantian()"></select>年 <select id="yue" on

开发路程(11): 日期时间选择器datetimepicker

在做项目中,往往会遇到需要用户输入2014-07-19 09:55:53这样的格式的数据.就是典型的年月日时分秒这样的格式.这个时候,使用datetimepicker会比较简单. DateTimePicket jQuery 插件:使用此插件非强制性地将 datetimepicker. datepicker 或 timepicker 下拉列表添加到您的窗体.就是这样.很好看吧. 添加jquery.datetimepicker和datetimepicker.css到您的页面: 1 <link rel

日期选择器datetimepicker--选择时分秒

作为一名java后台开发,在做后台管理系统时候,经常会遇到日期选择器的问题,项目中一直采用的都是bootstrap-datepicker,这个插件的确美观好用,但是最近最近开发一个竞拍模块,需要设置时分秒,那该该插件就无能为力了,因此,加强版datetimepicker,文档链接http://www.bootcss.com/p/bootstrap-datetimepicker/,按照文档重新引入新的日期插件. 首先,下载依赖的jar包 引入依赖 不要忘了css样式 至此,时分秒选择完成! boo

自已开发完美的触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器

手机端网页版app在使用下拉列表时,传统的下拉列表使用起来体验非常不好,一般做的稍好一点的交互功能界面都不会直接使用下拉列表,所以app的原生下拉列表都是弹窗列表选择,网页型app从使用体验上来当然也应该做成那样,前段时间在开发网页版app时就遇到这种需求,不仅是日期选择器,数据列表.变量列表选择等等下拉列表型需求都需要,网上找来找去只找到一款比较好的mobiscroll,不过下载比较麻烦,感觉比较奇怪的是jquery.mobile.jeasyui.mobile都没有提供这种控件,不知道为什么?

Android笔记之日期选择器

1.主代码 /** * 日期选择器 */ private DatePickerDialog datePickerDialog; /** * 年 */ private int mYear=1993; /** * 月 */ private int mMonth=12-1; /** * 日 */ private int mDay=16; ......................... //构造函数包括mYear, mMonth, mDay用来显示初始日期,同时设置监听 datePickerDial

Mobiscroll手机触屏日期选择器

   最近在制作jquery mobile因要用到日历控件,突然发现Mobiscroll非常不错.于是摘下来记录. A Mobiscroll是一个用于触摸设备(Android phones.iPhone. iPad.Galaxy Tab)的日期和时间选择器jQuery插件.可以让用户很方便的只需要滑动数字就可以选择日期.Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式,经过测试可以完美使用在iOS4.Android 2.2. Android 2.3

时间,日期选择器

TimePicker(时间选择器) 方法 描述 Integer getCurrentHour () 返回当前设置的小时 Integer getCurrentMinute() 返回当前设置的分钟 boolean is24HourView() 判断是否是24小时制 void setCurrentHour(Integer currentHour) 设置当前的小时数 void setCurrentMinute(Integer currentMinute) 设置当前的分钟 void setEnabled(