您的位置:首页 > 其它

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>

dateTimePicker怎么取值?

关键看你需要取什么值,比如要取一个年月日的日期值:
dateTimePicker1.Value.Date.ToLongDateString();
仅仅取一个年、月、日的值:
dateTimePicker1.Value.Year.ToString();
dateTimePicker1.Value.Month.ToString();
dateTimePicker1.Value.Day.ToString();
甚至小时、分、秒都可以,将Value后的属性year修改为.TimeOfDay.Hours等

效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: