【问题标题】:Show the date always without seconds is not working显示日期总是不带秒是行不通的
【发布时间】:2018-03-01 14:39:47
【问题描述】:

我有一个页面来编辑帖子的管理员。我在这个页面中有一些单选按钮,每个单选按钮对应一个管理员。选择管理员后,该管理员的详细信息将显示在单选按钮下方的表单字段中。

一个表单域是一个日期。我使用 cabon 在此编辑帖子管理员页面中以这种格式“格式('d F Y - H:i')”显示日期:

<div class="input-group date" data-provide="datepicker">
    <input type='text' name="date" value="{{ $admin->date->format('d F Y - H:i') }}"
           class="form-control" placeholder="DD/MM/YYY" />
    <span class="input-group-addon"><i class="fa fa-calendar text-primary" aria-hidden="true"></i></span>
</div>

而且效果很好。日期采用以下格式显示:“2018 年 2 月 7 日 - 6:30”。

但是我有一些 jQuery,它从控制器接收一个包含帖子管理员的数组,并在选择相应的单选按钮时在表单中填充每个管理员的详细信息。

当访问此编辑管理员页面时,使用此 jQuery,日期会以相同的格式显示““2018 年 2 月 7 日 - 6:30”。但是,如果通过单选按钮选择了某个管理员,则该管理员的日期字段将显示为秒:“”2018 年 2 月 7 日 - 6:30:00”。但我不想显示秒数。我想要这种格式“2018 年 2 月 7 日 - 6:30”。

你知道怎么做吗?

jQuery:

  $(document).ready(function () {


        var admins= {!!  $admin!!}

        $("input[name='radiobutton']").click(function() {
            let id = $(this).attr("id");
            let data = admins.find(e => e.id == id) || {
                name: "",
                date: "",
            };

            //alert(data.date); // 2018-02-07 6:30:00
            $("input[name='name']").val(data.name);
            ...
            $("input[name='date']").val(data.date);
        });
    });

【问题讨论】:

    标签: javascript jquery laravel


    【解决方案1】:

    我不知道出了什么问题,但从 Javascript 端来看,moment 可以帮助您:

    所以,一个例子是:

    moment(data.date).format('DD MMMM YYYY h:mm')
    

    PS:你必须包含来自 cdn 的时刻或通过 npm 安装它

    【讨论】:

    • 谢谢,但是使用该代码我遇到了问题。在表单中,选择此按钮时,有一个“创建新管理员”按钮“创建新管理员”。表单字段应重置。 The issue is that when using that moment code when the "Create new administrator" radio button is selected all fields reset unless the date field.你知道为什么吗?
    • @jon 说实话,我不明白为什么该字段没有被清除。但也许您可能想使用 jquery 手动清除说:$("input[name='date']").val('') 应该清除它。这可能会指出您遇到的问题的根源。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-24
    • 1970-01-01
    • 2019-07-14
    • 1970-01-01
    相关资源
    最近更新 更多