日期选择插件可以帮助用户更方便准确的选择日期和时间。
在ZUI中包含的日期选择控件基于开源项目 DateTime Picker 定制开发。
日期选择插件可以帮助用户更方便准确的选择日期和时间。
在ZUI中包含的日期选择控件基于开源项目 DateTime Picker 定制开发。
只允许用户选择一个日期或时间,而不允许自行编辑日期,只需要给input
加上readonly
属性。
输入框组可以添加额外的按钮来操作日期选择插件。
按钮中的.icon-remove
用来移除输入的日期。.icon-th
,.icon-calendar
,.icon-time
用来激活日期选择框。
// 选择时间和日期
$(".form-datetime").datetimepicker(
{
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1,
format: "yyyy-mm-dd hh:ii"
});
// 仅选择日期
$(".form-date").datetimepicker(
{
language: "zh-CN",
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
format: "yyyy-mm-dd"
});
// 选择时间
$(".form-time").datetimepicker({
language: "zh-CN",
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0,
format: 'hh:ii'
});