首页 文章

在Datepicker中将日期格式更改为yyyy-mm-dd

提问于
浏览 次
2

我在我的HTML字段中使用Datepicker . HTML代码是：

<input type="text" id="from-datepicker"/>

用于设置和获取日期选择器字段的Jquery代码是：

$("#from-datepicker").datepicker({ dateFormat: 'yy-mm-dd'});
            $("#from-datepicker").on("change", function () {
                var fromdate = $(this).val();
                alert(fromdate);
            });

但是，此代码以 'mm-dd-yyyy' 格式显示该字段 . 谁能告诉我哪里出错了？

我导入的CDN是：

<script type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>

    <link rel="stylesheet" type="text/css"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">

提前致谢 .

javascript jquery html datepicker

5 回答

  • 1

    是的，将dateFormat更改为只是格式，你需要4套'y'

    示例代码：

    <script   src="https://code.jquery.com/jquery-2.2.3.min.js"   integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="   crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">
<script>
$( document ).ready(function() {
    $("#from-datepicker").datepicker({ 
        format: 'yyyy-mm-dd'
    });
    $("#from-datepicker").on("change", function () {
        var fromdate = $(this).val();
        alert(fromdate);
    });
}); 
</script>
<input type="text" id="from-datepicker"/>
    回复于
  • 4

    请参阅 format 选项：http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format

    toDisplay：将日期对象转换为字符串的函数（日期，格式，语言），将存储在输入字段中
    toValue：将字符串对象转换为日期的函数（日期，格式，语言），将用于日期选择

    回复于
  • 1

    选项是 format

    您可以为所有应用设置默认值：

    $.fn.datepicker.defaults.format = 'yy-mm-dd';

    要么：

    $("#from-datepicker").datepicker({format: 'yy-mm-dd'});
    回复于
  • 9

    UPDATE 2018

    从bootstrap-datepicker版本1.6.4开始，在输入元素上将 data-date-format 属性设置为'yyyy-mm-dd'也可以 .

    对于例如

    <input data-provide="datepicker" name="date_selected" data-date-format="yyyy-mm-dd" placeholder="Select date" required>
    回复于
  • -1

    你也可以用它 .

    </script>
    $( "#from-datepicker" ).datepicker({
    dateFormat: "yy-mm-dd"
    });
</script>
    回复于

相关问题