zoukankan      html  css  js  c++  java
  • datetimepicker只显示日期,不显示时分秒

    
    
    HTML代码
    <div class="input-group date form_datetime form-date" data-link-field="dtp_input1" >
    <input class="form-control" size="16" type="text" readonly>
    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
    </div>

    JS代码
    $('.form_datetime').datetimepicker({
    language: 'zh-CN',
    format: 'yyyy-mm-dd',//yyyy-mm-dd hh:ii p div的显示时间
    todayBtn: true,//今天按钮
    autoclose: true,//选中关闭
    minView: "month",//设置选择时 只显示到月份 ----day, year --不设置默认带时间 秒 日历的显示时间
      startView: "2"
    }).on("changeDate", function (ev) { // -changeDate 选中日期后函数,click 选中日期前函数
    alert(123);
    });
    效果图

    我之前用到了bootstrap的datepicker

    然后我使用了jquery的datepicker的调用方法,把两者混淆了。

    $('#job-calendar').datepicker({
                dateFormat: "yyyy-mm-dd",
                language: "zh-CN",
                onSelect: gotoDate
            });

    function gotoDate(ev){

                window.location.href = "XXXX.html" + "?Date=" + ev.date.getFullYear().toString() + "-"+ (ev.date.getMonth()+1).toString()+ "-"+ ev.date.getDate().toString();
            }

    得不到我要的选择日期,页面跳转的效果。以为是版本的问题,更换最新版本后还是不行。后来才发现有两款datepicker插件。

    以下是bootstrap的datepicker的api调用方法。

    $('#job-calendar').datepicker({
                dateFormat: "yyyy-mm-dd",
                language: "zh-CN",
                onSelect: gotoDate
            }).on('changeDate',gotoDate);

    主要是想让大家注意的是,看清楚自己用的是哪个插件,去找对应的api,一些细微的差别真够折腾好久的!

    上述使用转自:http://blog.csdn.net/huanghanqian/article/details/53082469  感谢博主




     
  • 相关阅读:
    说一下 session 的工作原理?
    说一下 JSP 的 4 种作用域?
    MVC的各个部分都有那些技术来实现?如何实现?
    window.onload()函数和jQuery中的document.ready()有什么区别?
    JQuery有几种选择器?
    jQuery 库中的 $() 是什么?
    按照锁的粒度分数据库锁有哪些?锁机制与InnoDB锁算法?
    隔离级别与锁的关系?
    Java语言基础(二)之数据类型转换、运算符、方法入门
    Java语言基础(一)
  • 原文地址:https://www.cnblogs.com/-xuzhankun/p/7262644.html
Copyright © 2011-2022 走看看