时间戳

首页 > 解决方案 > CakePHP：JQuery Datepicker 不显示 DB 值

jquery - CakePHP：JQuery Datepicker 不显示 DB 值

问题描述

我尝试在我的 CakePHP 3.6.14 应用程序中实现这个示例。

(function( $ ) {
    $.widget( "ui.dp", {
            _create: function() {
                var el = this.element.hide();
                this.options.altField = el;
                var input = this.input = $('<input>').insertBefore( el )
                input.focusout(function(){
                        if(input.val() == ''){
                            el.val('');
                        }
                    });
                input.datepicker(this.options)
                if(convertDate(el.val()) != null){
                    this.input.datepicker('setDate', convertDate(el.val()));
                }
            },
            destroy: function() {
                this.input.remove();
                this.element.show();
                $.Widget.prototype.destroy.call( this );
            }
    });

    var convertDate = function(date){
      if(typeof(date) != 'undefined' && date != null && date != ''){
        return new Date(date);
      } else {
        return null;
      }
    } })( jQuery );

所以在default.ctp我有这个代码：

$(document).ready(function() {
           $( "input.datepicker" ).dp({
              dateFormat: 'dd/mm/yy',
              altFormat: 'yy-mm-dd'
           }); 

        });

在edit.ctp我有这个控制：

echo $this->Form->control('created_date', ['class' => 'datepicker', 'type' => 'text', 'empty' => true]);

虽然它在数据库中正确提交并存储了日期，但当我再次打开编辑页面时，我看到的是今天的日期，而不是数据库中的日期。数据库值为：2019-06-27，如果我将dateFormat选项更改为yy-mm-dd我仍然得到今天的日期，而不是保存在数据库中的日期。

但在生成的 html 代码中，我可以看到该值是正确的：

在此处输入图像描述

标签： jquerycakephpdatepickerjquery-ui-datepicker

解决方案

使用该脚本，您应该altFormat在表单控件中使用，即dateFormat显示格式，并且altFormat是值格式，并且该格式应该是标准的 ISO 格式，因为脚本试图将值转换为Date对象，所以非ISO 模式可能会导致错误地解析日期，或者根本无法解析它们，这就是您的值所发生的情况，因为JavaScriptDate解析器将第一个数字视为月份，而不是日期。

如果您的应用程序的默认日期字符串转换格式与 不匹配altFormat，那么您必须手动处理，例如对于单个字段如下所示：

$value = $this->Form->getSourceValue('created_date');
if ($value instanceof \DateTimeInterface) {
    $value = $value->format('Y-m-d');
}

echo $this->Form->control('created_date', [
    'class' => 'datepicker',
    'type' => 'text',
    'val' => $value
]);

另请注意，这yy意味着 jQuery UI 日期选择器中的全年，即2019not 19，这似乎是您的应用程序的默认设置。如果你想使用后者，那么你需要y在dateFormat模式中使用一个单一的。

推荐阅读