更改jQuery文本框的日期格式

时间:2016-10-18 08:44:22

标签: jquery css date datetime

我想更改input框的日期格式。

我当前的日期格式为yyyy-MM-dd。我想将格式更改为dd-MM-yyyy

我试过这个

<input id="date" type="text" data-beatpicker="true" data-beatpicker-module="clear" dateformat="dd-MM-yyyy"/>

和这个

<script>
    $(document.ready){
        $('#date').beatpicker{
        format:'dd-MM-yyyy';
        }
    }
</script>
</head>
<body>
<input id="date" type="text" data-beatpicker="true" data-beatpicker-module="clear"/>

但我无法找到解决此问题的方法。

4 个答案:

答案 0 :(得分:1)

试试这个。因为默认分隔符是“/”,所以你必须指定下面示例中指定的“ - ”live。

<script>
    $(document.ready){
        $('#date').beatpicker{
          separator: "-",
          format: ["DD" , "MM" , "YYYY"]
        }
    }
</script>

答案 1 :(得分:0)

试试这个:

$("#datepicker_id").datepicker({
        dateFormat: 'dd-mm-yy'
)};

//它会将日期格式设置为datepicker的dd-mm-yy

答案 2 :(得分:0)

您可以尝试以下代码:

<input type="text" data-beatpicker="true" data-beatpicker-position="['right','*']" data-beatpicker-format="['DD','MM','YYYY'],separator:'-'"/>

答案 3 :(得分:0)

您可以尝试这个,包括jQuery UI。

<input id="date" type="text" data-beatpicker="true" data-beatpicker-module="clear" />

$(document).ready(function() {
  $("#date").datepicker({
    dateFormat: 'dd-mm-yy'
  });
});

Fiddle