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

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

  中文: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>

第二章 时间控件(DateTime Picker)的更多相关文章

  1. 时间控件(DateTime Picker)

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

  2. 第三部分:Android 应用程序接口指南---第二节:UI---第二章 输入控件

    第2章 输入控件 输入控件是应用程序中用户接口的一种交互式组件.Android提供了大量的可供人们在UI中使用的控件,比如按钮.文本区域.(带滑块的)进度条.复选框.缩放按钮以及切换按钮等等. 在UI ...

  3. ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl

    原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 第四章 组合控件开发CompositeControl 大家好,今天我们来实现一个自定义的控件,之前我们已经 ...

  4. ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇

    原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇 第三章 为控件添加事件 好了,我们之前以前开发一个控件.而且也添加了属性,开发也很规范,但是那个控件还差最后一点:添加事件. 系列 ...

  5. ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇

    原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇 第三章 为控件添加事件 后篇 前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是 ...

  6. 日期与时间控件QDate, QTime, QDateTime

    QDate类用于处理公历日期.QTime类用于处理时间.QDateTime类将QDate对象和QTime对象整合为一个对象 QDate: from PyQt5.QtCore import QDate, ...

  7. Bootstrap 时间控件datetimepicker与timepicker

    一.datetimepicker 首先,我们看看点击选择时间的时候的展示页面吧 年                                                月           ...

  8. 学习日期时间控件 daterangepicker

    aterangepicker 是一款日期时间控件,可选择“年,月,日,时,分,秒”,可选择单面板,也可选择双面板(起止时间). 单面板示例:daterangepicker 单面板 codepen 在线 ...

  9. Html5+Mui前端框架,开发记录(四):下拉菜单绑定数据、搜索、时间控件

    1.下拉菜单绑定数据,选择后回传值 1)html: <div class="mui-input-row"> <label>xxx:</label> ...

随机推荐

  1. System.Data.Dbtype转换为System.Data.SqlDbType

    最近在做一些OM Mapping的准备工作,新学了一招. 如果要将System.Data.Dbtype转换为System.Data.SqlDbType,以前以为要写Switch Case语句.其实有很 ...

  2. 【转】handler.removeCallbacks失效问题

    package com.example.demoactivity; import android.app.Activity; import android.os.Bundle; import andr ...

  3. IOS 网络浅析-(八 NSURLSession简介)

    就在不长也不短的时间前,苹果正式命令咱们要向NSURLSession看,因此我们不得不认认真真的听从老大的教导,努力认知NSURLSession.其实呢,三方早已为我们解决了问题,但是呢,我们还是有必 ...

  4. 【原】iOSCoreAnimation动画系列教程(二):CAKeyFrameAnimation【包会】

    在上一篇专题文章[原]iOSCoreAnimation动画系列教程(一):CABasicAnimation[包会]中我们学习了iOS核心动画CoreAnimation中CABasicAnimation ...

  5. 软件工程(c编码实践) 学习笔记(一)

    vim 有三种模式:一般模式,编辑模式,命令模式. -------------------------------------------------------------------------- ...

  6. Cocos2d-X-3.0之后的版本的环境搭建

    由于cocos2d游戏开发引擎更新十分频繁,官方文档同步不够及时和完善.所以不要照着官方文档来照做生成工程. <点击图片就能进入网站> 具体的步骤: 1.获取cocos2d-X的源码v3. ...

  7. iOS之学习资源收集--很好的IOS技术学习网站

    点击图片也能打开相关的网站: https://boxueio.com/skill/swift http://ios.b2mp.cn/ http://gold.xitu.io/welcome/?utm_ ...

  8. 简单的Windows登陆界面设计

    要求: 1.用户名必须为字母. //限定用户名必须为字母 private void txtName_KeyPress(object sender, KeyPressEventArgs e) { if ...

  9. 如何成功发布一个MSMQ的Windows服务

    因为MSMQ的使用需要不断的查看队列是否有新消息,所以一般是结合Windows的服务,当然也可以用一个不关闭的Winform程序,不过前者更好一些,不怕被人误关. 完成MSMQ的WindowsServ ...

  10. 软件测试作业1--描述Error

    记忆犹新的错误: 上个学期选修了可视化这门课程,最后大作业用d3实现,在使用d3读取csv数据的时候出现了以下Error: 我先是在代码中读取了某csv格式的数据,并且将其存入变量root中,然后对r ...