如何在选择日期之前将日期设置为datepicker

时间:2014-06-30 13:45:20

标签: jquery jquery-ui datepicker

我有这段代码,我想更改从日期选择器中选择之前显示的日期格式。

我目前的格式是30/06/2014,我想将其更改为此格式2014/06/30我该怎么做?

<script type="text/javascript">

$(document).ready(function() {
    $("#date, #date2,#date3,#date4").datepicker();
    $("#date,#date2,#date3,#date4 ").datepicker("option", "dateFormat", "yy/mm/dd");
    var d = new Date();
    var todaysM = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
    if ($("#date,#date2,#date3").val() == "") {
        $("#date,#date2,#date3").val(todaysM);
    }

});
</script>

<input class="inputDate textBox rnd5" id="date" name="pi_date_reg" value="<?= set_value('pi_date_reg', $patient->pi_date_reg) ?>" />

3 个答案:

答案 0 :(得分:0)

<script type="text/javascript">

    $(document).ready(function() {
        $("#date, #date2,#date3,#date4").datepicker();
        $("#date,#date2,#date3,#date4 ").datepicker("option", "dateFormat", "yy/mm/dd");
        var d = new Date();
        var todaysM = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
        var todaysM = d.getFullYear()+ "/" + (d.getMonth() + 1) + "/" + d.getDate();
        if ($("#date,#date2,#date3").val() == "") {
            $("#date,#date2,#date3").val(todaysM);
        }

    });
</script>

答案 1 :(得分:0)

一种稍微简单的方法是利用您已经使用过的工具的强大功能。

Working Example

HTML:

<input class="inputDate textBox rnd5" id="date" name="pi_date_reg" value="" />

JS:

$(document).ready(function () {
    //use .attr() to set values before a date is selected
    $("#date,#date2,#date3,#date4 ").attr('value', $.datepicker.formatDate('yy/mm/dd', new Date()));

    //use .setDefaults() for default setting for ALL datepickers
    $.datepicker.setDefaults({
        dateFormat: "yy/mm/dd"
    });

    //call datepicker on inputs based on ID
    $("#date,#date2,#date3,#date4 ").datepicker();
});

文档:
jQuery's .attr()
JavaScript's Date()
Datepicker's Utility Functions: .setDefaults() and .formatDate()

答案 2 :(得分:-1)

如果你知道php。试试这个

值=&#39; <?php echo date('Y/M/d'); ?>&#39;