无法获取引导日期时间选择器以在表单字段中显示格式化的数据库值

Posted

技术标签:

【中文标题】无法获取引导日期时间选择器以在表单字段中显示格式化的数据库值【英文标题】:Can't Get Bootstrap DateTime Picker To Show Formatted database Value in Form Field 【发布时间】:2021-11-25 16:51:16 【问题描述】:

我正在尝试在 Laravel 项目中使用 Bootstap 日期时间选择器。https://www.malot.fr/bootstrap-datetimepicker/

我正在编辑一个从数据库中提取日期的编辑页面,并在输入字段中显示格式为 mm/dd/yyyy hh:ii。我需要那个 DT 选择器从同一个 DT 开始。如果不弄乱 timePicker 的 InitialDate,我无法弄清楚该怎么做。如果我在输入值字段中添加一个格式化值,它会将 DT 选择器的 InitialDate 发送回 1899 年 12 月。

这是代码的 javascript 部分:

<script src="asset('/assets/plugins/bootstrap-datetime-picker/js/bootstrap-datetimepicker.js')"></script>
 $(".form_datetime").datetimepicker(
            format: "mm/dd/yyyy hh:ii",
            initialDate:  " $post->post_date ",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left",
            minuteStep: 10
        );

这是没有格式化 DT 的表单域。

<input class="form-control @error('post_date') is-invalid @enderror"  type="text" value="" readonly id="post_date" name="post_date">

这是带有格式化 DT 的表单域:

 $post->post_date->format('m/d/Y H:i:s') 

【问题讨论】:

【参考方案1】:

你可以试试这个

 \Carbon\Carbon::parse($post->post_date)->format('m/d/Y H:i:s') 

【讨论】:

不好...同样的结果。 编辑数据时,在日期输入栏看到了吗?

以上是关于无法获取引导日期时间选择器以在表单字段中显示格式化的数据库值的主要内容,如果未能解决你的问题,请参考以下文章

选择后引导日期选择器返回焦点

引导验证器和日期时间选择器冲突

如何更改引导内联日期选择器以适应全宽

将图表数据绑定到日期选择器以显示自定义时间线

以不同语言显示引导日期选择器日期,然后在 asp.net razor 视图中以英文提交日期

如何在 laravel 中以编辑形式显示时间戳格式?