$ (' .date ') .datetimepicker ({
语言:“应用”,//显示中文
格式:' yyyy-mm-dd ',//显示格式
minView:“月”,//设置只显示到月份
initialDate:新日期()//初始化当前日期
autoclose:真的,//选中自动关闭
todayBtn:真//显示今日按钮
})
<强>引入控件
使用引导的日期控件需要单独引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min。js
详情及文件可以通过下面地址下载:http://www.bootcss.com/p/bootstrap-datetimepicker/
<强>使用场景
单独引入一个日期控件可以参考上面提供的连接地址上的案例。此处介绍的是怎么使用两个日期控件,一个为开始日期,另外一个为结束日期,两个日期之间建立相互约束关系。即开始日期不能大于结束日期,结束日期不能小于开始日期。
<强>使用方法
两个时间输入域如图:
html代码
& lt;输入大?" 16 " type=" text " id=" datetimeStart "只读的类=癴orm_datetime”比;
--
& lt;输入大?" 16 " type=" text " id=" datetimeEnd "只读的类=癴orm_datetime”在
, js代码如下
& lt;脚本type=" text/javascript祝辞
$ (" # datetimeStart ") .datetimepicker ({
格式:“yyyy-mm-dd”,
minView:“月”,
语言:“应用”,
autoclose:没错,
startDate可以:新的日期()
})。(“点击”,函数(){
$ (" # datetimeStart ") .datetimepicker (“setEndDate $ (" # datetimeEnd ") .val ())
})；
$ (" # datetimeEnd ") .datetimepicker ({
格式:“yyyy-mm-dd”,
minView:“月”,
语言:“应用”,
autoclose:没错,
startDate可以:新的日期()
})。(“点击”,函数(){
$ (" # datetimeEnd ") .datetimepicker (“setStartDate $ (" # datetimeStart " .val ()))
})；
& lt;/script>
,关于引导插件datepicker,只选择年月;
& lt;输入类型=拔谋尽眂lass=氨淼タ丶orm_datetime_2“只读的id=" month_time " value="/比;
$ (" .form_datetime_2”)。
datetimepicker ({
语言:“应用”,
格式:“yyyy-mm”,
autoclose:没错,
todayBtn:没错,
startView:“年”,
minView:“年”,
maxView:“十年”
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
