时间控件(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:1
});
});
</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: 1,
todayBtn: 1,
pickerPosition: "bottom-left",
minuteStep: 5,
format: 'yyyy-mm-dd',
minView: 'month' //日期时间选择器所能够提供的最精确的时间选择视图。
});
});
</script>
时间控件(DateTime Picker)的更多相关文章
- 第二章 时间控件(DateTime Picker)
这家伙太懒了,碰到问题才写博文,嘿嘿. 好了进入正题,二话不说,先放地址: 中文:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm ...
- Bootstrap 时间控件datetimepicker与timepicker
一.datetimepicker 首先,我们看看点击选择时间的时候的展示页面吧 年 月 ...
- 学习日期时间控件 daterangepicker
aterangepicker 是一款日期时间控件,可选择“年,月,日,时,分,秒”,可选择单面板,也可选择双面板(起止时间). 单面板示例:daterangepicker 单面板 codepen 在线 ...
- Html5+Mui前端框架,开发记录(四):下拉菜单绑定数据、搜索、时间控件
1.下拉菜单绑定数据,选择后回传值 1)html: <div class="mui-input-row"> <label>xxx:</label> ...
- [转]一种简单的js时间控件
使用方法: 粘贴代码到文本文档中,文档名称为datetime.js,然后在html文件中引用如下代码即可 <input name="shijian1" id="sh ...
- bootstrap-datetimepicker时间控件
欢迎各种吐槽. 本人小前端,学习过程中,某日遇到做时间控件的需求,于是无休止的召唤了度娘,发现看不太懂.算是为自己做个笔记,也便于菜鸟级别的看的懂. 首先,我们看看点击选择时间的时候的展示页面吧 年 ...
- 令人头痛的ExtJS日期时间控件
1 缘由 Ext提供了日期.时间的控件,但没有将日期和时间组合在一起的控件.在网上搜索时,有前辈创建或重写了时间相关的类,并提供了源码.不得不说那位作者对 extjs 框架理解得很透彻,虽然不知道他当 ...
- 日期与时间控件QDate, QTime, QDateTime
QDate类用于处理公历日期.QTime类用于处理时间.QDateTime类将QDate对象和QTime对象整合为一个对象 QDate: from PyQt5.QtCore import QDate, ...
- easyui时间控件用js实时获取选定的时间的取法
easyui时间控件用js实时获取选定的时间的取法var datetime=$("#id").datetimebox("getValue");不能用 $(& ...
随机推荐
- SQLite-FMDatabase用法
FMDatabase用法 转载 http://blog.sina.com.cn/s/blog_94d94f1a01015gcr.html 以下是FMDB的一些基本使用,FMDB框架其实只是一层很薄的封 ...
- The type or namespace name 'Html' does not exist in the namespace 'System.Web.Mvc' (are you missing an assembly reference?)
The type or namespace name 'Html' does not exist in the namespace 'System.Web.Mvc' (are you missing ...
- sql按照汉字首字母顺序排序(桃)
SELECT * FROM 表名 order by CONVERT(字段名 USING gbk)
- duilib入门简明教程 -- XML基础类(7) (转)
原文转自:http://www.cnblogs.com/Alberl/p/3343743.html 现在大家应该对XML描述界面不那么陌生了,那么我们做进一步介绍. 前面的教程我们写了很多代码,为的是 ...
- formal parameter
formal parameter : [3.16] object declared as part of a function declaration or definition that acqui ...
- grep的简单理解
概述: grep最早由肯·汤普逊写成.原先是ed下的一个应用程序,名称来自于g/re/p(globally search a regular expression and print,以正则进行全域查 ...
- HDU - 2970 Suffix reconstruction
Discription Given a text s[1..n] of length n, we create its suffix array by taking all its suffixes: ...
- Loj #124. 除数函数求和
链接:https://loj.ac/problem/124 就是筛一下积性函数. #include<bits/stdc++.h> #define ll long long #define ...
- MAC(Linux)升级Openssl
系统上一般默认安装的是0.9.8版本的Openssl,不能满足需要.这时候就要重新安装Openssl. 上官网下载新版openssl:https://www.openssl.org/source/ 解 ...
- MATLAB矩阵基础运算
1.矩阵的加减运算X+Y或者X-Y:元素对应相加减.在此要求X与Y必须是同维矩阵,否则会出现错误信息.如果Y为一个数,则表示X中每一元素+Y或者-Y: %当X和Y都为同维矩阵时 X=[1,2,-3;2 ...