第二章 时间控件(DateTime Picker)

  这家伙太懒了,碰到问题才写博文,嘿嘿。

  好了进入正题,二话不说,先放地址:

  中文:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

http://www.malot.fr/bootstrap-datetimepicker/demo.php

http://www.malot.fr/bootstrap-datetimepicker/

  今天碰到一个问题是这样的,时间控件显示小时分钟。死定了,全是英文,找了白天才发现startView的意思

  上菜了:

  

@Styles.Render("~/Content/themes/default/bootstrap-datetimepicker.css")
@Scripts.Render("~/Scripts/bootstrap-datetimepicker.js")
@Scripts.Render("~/Scripts/bootstrap-datetimepicker.zh-CN.js") <div class="container" style="padding: 0 15px;">
<small>时间 </small>
<input type="text" id="datetimepicker">
</div> <script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker({
format: 'hh:ii',
startView:
});
});
</script>

效果图:

aaarticlea/png;base64,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" alt="" />

补充:2013-10-29

1.实现日期的选择

aaarticlea/png;base64,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" alt="" />

主要代码:

$('#datetimepicker').datetimepicker({ 
  minView: "month", //选择日期后,不会再跳转去选择时分秒
  format: "yyyy-mm-dd", //选择日期后,文本框显示的日期格式
  language: 'zh-CN', //汉化
  autoclose:true //选择日期后自动关闭
});

补充:2013-11-29

出生日期

1.data-date、data-date-format、input的日期格式必须一致,否则产生时间显示格式不匹配等小问题

2. minView: 'month',为显示选择日期的面板,可根据需要进行调整

<div class="form-group  col-md-6">
<label class="control-label col-md-4">
出生日期</label>
<div class="col-md-8">
    <div id="BirthDiv" class="input-group date form_datetime" data-date="@Model.BirthDT.ToString("yyyy-MM-dd")" data-date-format="yyyy-mm-dd" >
    @Html.TextBox("BirthDT", Model.BirthDT.ToString("yyyy-MM-dd"), new { @class = "form-control " })
    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span>
      </span><span class="input-group-addon"><span class="glyphicon glyphicon-th"></span>
    </span>
   </div>
@Html.ValidationMessageFor(t => t.BirthDT, null, new { @class = "help-block" })
</div>
</div>
<script type="text/javascript">
$(function () {
$('#BirthDiv').datetimepicker({
language: 'zh-CN',
autoclose: ,
todayBtn: ,
pickerPosition: "bottom-left",
minuteStep: ,
format: 'yyyy-mm-dd',
minView: 'month'    //日期时间选择器所能够提供的最精确的时间选择视图。
});
});
</script>
上一篇:Redis深入学习(1)前言&Redis简介


下一篇:ExtJS4.2学习(18)时间控件(转)