bootstrap有日期组件吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap有日期组件吗相关的知识,希望对你有一定的参考价值。

参考技术A $('.date').datetimepicker(
format:yyyy-mm-dd,
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
);
有的
bootstrap日期选择器的属性非常多,这也给了用户较大的选择性,快去设置你自己的DIY日期选择器吧!本回答被提问者和网友采纳
参考技术B 有外国佬写了个,你可以用。
演示页面:
http://aymkdn.github.io/Datepicker-for-Bootstrap/

跨浏览器日期选择器组件(兼容移动和桌面浏览器)和 Bootstrap

【中文标题】跨浏览器日期选择器组件(兼容移动和桌面浏览器)和 Bootstrap【英文标题】:Cross-browser datepicker component (compatible with mobile and desktop browsers) and with Bootstrap 【发布时间】:2015-09-15 22:20:10 【问题描述】:

是否有任何可以在移动浏览器(Android、iOS、Windows 手机)和标准浏览器中使用的日期选择器库?如果它与 Bootstrap css 兼容,并且在可能的情况下可以回退到原生 html5 日期字段,那将是完美的。请推荐一些东西。 我试过了 - webshims(在 Android 和 IE 中损坏) -pickadate(对它的行为不满意)

【问题讨论】:

【参考方案1】:

JQuery UI 是你的朋友...这里是一个示例

<head>
<script type="text/javascript">
    var datefield=document.createElement("input")
    datefield.setAttribute("type", "date")
    if (datefield.type!="date") //if browser doesn't support input type="date", load files for jQuery UI Date Picker
        document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
        document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
        document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n') 

</script>

<script>
if (datefield.type!="date") //if browser doesn't support input type="date", initialize date picker widget:
    jQuery(function($) //on document.ready
        $('#birthday').datepicker();
    )

</script>
</head>

<body>
    <form>
        <b>Date of birth:</b>
        <input type="date" id="birthday" name="birthday" size="20" />
        <input type="button" value="Submit" name="B1"></p>
    </form>
</body>

【讨论】:

以上是关于bootstrap有日期组件吗的主要内容,如果未能解决你的问题,请参考以下文章

Twitter Bootstrap 的 Django 和日期范围选择器组件

Bootstrap DatePicker - 将日期设置为明天

大神,bootstrap-datetimepicker控件怎么精确到秒

求一个bootstrap或者jQuery的日历控件

AngularJs的UI组件ui-Bootstrap分享

可以使用 React-bootstrap 进行 PurgeCSS 吗?