dateTimePicker的使用,时间控件
2015-01-15 09:43
525 查看
<li>
<label>促销时间<span class="imprt">*</span></label>
<input type="text" class="form-control promotion-start promotion-date" id="StartDate" readonly="readonly" rule="required;">
至
<input type="text" class="form-control promotion-end promotion-date" id="EndDate" readonly="readonly" rule="required;">
</li>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
$(function () {
var $startCreateDate = $('#StartDate'), $endCreateDate = $('#EndDate');
$startCreateDate.datetimepicker({
format: 'yyyy-mm-dd',
language: 'zh-CN',
autoclose: true,
minView: 2
});
$endCreateDate.datetimepicker({
format: 'yyyy-mm-dd',
language: 'zh-CN',
autoclose: true,
minView: 2
});
window.dateValidation = function () {
var validate = dateComparison($startCreateDate.val(), $endCreateDate.val());
if (!validate) {
alert('结束时间必须晚于开始时间!');
}
return validate;
}
});
</script>
<label>促销时间<span class="imprt">*</span></label>
<input type="text" class="form-control promotion-start promotion-date" id="StartDate" readonly="readonly" rule="required;">
至
<input type="text" class="form-control promotion-end promotion-date" id="EndDate" readonly="readonly" rule="required;">
</li>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
$(function () {
var $startCreateDate = $('#StartDate'), $endCreateDate = $('#EndDate');
$startCreateDate.datetimepicker({
format: 'yyyy-mm-dd',
language: 'zh-CN',
autoclose: true,
minView: 2
});
$endCreateDate.datetimepicker({
format: 'yyyy-mm-dd',
language: 'zh-CN',
autoclose: true,
minView: 2
});
window.dateValidation = function () {
var validate = dateComparison($startCreateDate.val(), $endCreateDate.val());
if (!validate) {
alert('结束时间必须晚于开始时间!');
}
return validate;
}
});
</script>
dateTimePicker怎么取值?
关键看你需要取什么值,比如要取一个年月日的日期值: dateTimePicker1.Value.Date.ToLongDateString(); 仅仅取一个年、月、日的值: dateTimePicker1.Value.Year.ToString(); dateTimePicker1.Value.Month.ToString(); dateTimePicker1.Value.Day.ToString(); 甚至小时、分、秒都可以,将Value后的属性year修改为.TimeOfDay.Hours等 效果图:
相关文章推荐
- Bootstrap3 日期+时间选择控件 datetimepicker的使用方法说明
- VC DATETIMEPICKER 时间控件的使用
- VC控件DateTimePicker使用方法 ,获取日期和时间
- bootstrap datetimepicker 时间控件的使用
- 使用 DateTimePicker 控件显示和选择时间
- 关于jquery-weui.js中时间控件datetimepicker的使用
- jquery datetimepicker 日期时间控件的使用及参数说明
- VC控件DateTimePicker使用方法
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- struts2.1 datetimepicker日期控件的使用
- struts2.1 datetimepicker日期控件的使用
- VC控件DateTimePicker使用方法
- android开发中DatePicker控件的使用-------->时间的设置
- 使用 datetimepicker 控件是不规范的设计吗?
- VC控件DateTimePicker使用方法及其相关
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- struts2.1 datetimepicker日期控件的使用http://huibin.iteye.com/blog/674738
- 使用 datetimepicker 控件是不规范的设计吗?
- 使用 datetimepicker 控件是不规范的设计吗?
- struts2中使用日期控件<s:datetimepicker />