如何使用 jqueryui 更改 laravel 8 中的日期选择器格式？

Question

我正在使用 laravel 8 并使用 jqueryui 构建一个应用程序，我遇到了日期选择器格式的问题，因为它的格式为“mm/dd/yyyy”，我希望它是“dd/mm/yyyy”，只是在视图中而不是数据库就像插入数据库一样没问题。

我尝试添加 data-date-format="dd/mm/yyyy" 但它不起作用，我也尝试添加

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
        $( function() {
            $('#datepicker').datepicker({
                format: 'dd/mm/yyyy'
            });        
        });
</script>

但也不起作用！

这是我正在使用的输入代码

<input type="date" id="datepicker" class="form-control" name="first_visit_date" value="{{ $owner->first_visit_date }}" data-date-format="dd/mm/yyyy">

我做错了什么吗？

Answer 1

请尝试将格式更改为 dateFormat。

示例代码：

<input type="text" id="txtDate" name="SelectedDate" readonly="readonly" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
    type="text/javascript"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
    rel="Stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("#txtDate").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: 'images/calendar.gif',
            dateFormat: 'dd/mm/yy'
        });
    });
</script>