更改 jquery-ui 日历中的日期格式

Posted 2023-05-08

【中文标题】更改 jquery-ui 日历中的日期格式

【英文标题】：Change date format in jquery-ui calendar

【发布时间】：2021-08-11 06:57:42

【问题描述】：

At first I showed a calender and when a date is selected it will show on the input field.

<div class="col-md-4">
    <div class="row">
        <div class="col-12">
            <div class="shadow">
                <div id="datepicker"></div>
            </div>
        </div>

        <div class="col-12 pt-2">
            <div class="shadow">
                <input type="text" id="my-input" class="form-control">
            </div>
        </div>
    </div>
</div>

这是我的脚本

$( function() 
    $( "#datepicker" ).datepicker(
        onSelect: function(e) 
            console.log("Selected date: " + e + "; input's current value: " + this.value);
            $("#my-input").val(e)
        
    );
);

我想将日期格式从 mm/dd/yyyy 更改为 dd-mm-yyyy

【参考方案1】：

<script>
    $( function() 
        $( "#datepicker" ).datepicker(
            dateFormat: 'dd-mm-yy', //Just added this line into my code
            onSelect: function(e) 
                console.log("Selected date: " + e + "; input's current value: " + this.value);
                $("#my-input").val(e)
            
        );
    );
</script>

【参考方案2】：

您应该可以添加dateFormat option。

注意yy 是four digits。

$("#datepicker").datepicker(
  dateFormat: "dd-mm-yy",
  onSelect: function(e) 
    console.log("Selected date: " + e + "; input's current value: " + this.value);
    $("#my-input").val(e)
  
);

【讨论】：

是的，我刚刚这样做了