bootstrap 中datetimepicker的使用方法

qq_45701634

已于 2022-04-25 22:39:07 修改

阅读量485

点赞数

分类专栏： bootstrap 文章标签： bootstrap

于 2020-07-27 11:17:13 首次发布

本文链接：https://blog.csdn.net/qq_45701634/article/details/107607583

版权

bootstrap 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
   //首先引入文件 注意顺序
    <meta name="viewport" content="width=device-width" />
    <title>Picker</title>
    <script src="~/Content/picker/sample in bootstrap v2/jquery/jquery-1.8.3.min.js"></script>
    <script src="~/Content/picker/sample in bootstrap v2/bootstrap/js/bootstrap.min.js"></script>
    <link href="~/Content/picker/sample in bootstrap v2/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/picker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <script src="~/Content/picker/js/bootstrap-datetimepicker.js"></script>
    <script src="~/Content/picker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

</head>
<body>
    <div>
        <input type="text" id="BFRQ" />
        

    </div>
</body>
<script>
    $("#BFRQ").datetimepicker(
        {


            language: 'zh-CN',     // 语言默认值是'en' ,中文：’zh-CN’
            todayHighlight: true,  //当天日期高亮
            format: 'yyyy-mm',     // 日期格式  'yyyy-mm-dd hh:ii'
            startView: 3,     // 选完时间首先显示的视图 0:从小时视图开始，选分,1:从天视图开始，选小时,2:从月视图开始，选天,3:从年视图开始，选月,4:从十年视图开始，选年
            minView: 3,      //日期时间选择器所能够提供的最精确的时间选择视图,0:从小时视图开始，选分,1:从天视图开始，选小时,2:从月视图开始，选天,3:从年视图开始，选月,4:从十年视图开始，选年
            autoclose: true,  //表示选中日期之后关闭
            todayBtn: true  //当天时间的按钮，在底部
        }
    );

    // 解决，当从数据库加载出来时，年份出现1899年
    if ($("#BFRQ").val() != "") {
        var oldTimeStrat = (new Date($("#BFRQ").val())).getTime();
        oldTimeStrat = new Date(oldTimeStrat);
        $('#BFRQ').datetimepicker('update', oldTimeStrat);
    }
</script>
</html>

qq_45701634

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap 中datetimepicker的使用方法

@{ Layout = null;}<!DOCTYPE html><html><head> //首先引入文件注意顺序 <meta name="viewport" content="width=device-width" /> <title>Picker</title> <script src="~/Content/picker/sample in bootstrap v2/jqu
复制链接

扫一扫