表单中的日期时间选择器不传输日期

Question

在我的opencart电子商务包的后端，可以为客户插入代金券。但是，标准情况下无法为凭证设置开始和结束日期（1 年后）。因此，我修改了 voucher.tpl 模板以包含这种可能性。我已经实现了与 coupon.tpl 完全相同的实现，其中可以输入开始日期和结束日期。

开始日期和结束日期的输入字段正在使用 datetimepicker 脚本。当我单击日历按钮（参见图 1）并且显示日期时，日期选择器正确显示。

表格中使用了日期，但不幸的是，单击保存按钮时数据似乎没有随表格一起传输。我认为 coupon.tpl 页面没有任何区别，一切正常。我已经花了很多时间来发现错误，但还没有成功。有人可以帮我吗？谢谢，萨布科

voucher.tpl有如下代码：

<div id="content">
 <div class="page-header">
   <div class="container-fluid">
     <div class="pull-right">
       <button type="submit" form="form-voucher" data-toggle="tooltip" title="<?php echo $button_save; ?>" class="btn btn-primary"><i class="fa fa-save"></i></button>
       <a href="<?php echo $cancel; ?>" data-toggle="tooltip" title="<?php echo $button_cancel; ?>" class="btn btn-default"><i class="fa fa-reply"></i></a>
     </div>
     <h1><?php echo $heading_title; ?></h1>
     <ul class="breadcrumb">
       <?php foreach ($breadcrumbs as $breadcrumb) { ?>
       <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
       <?php } ?>
     </ul>
   </div>
 </div>
 <div class="container-fluid">
   <?php if ($error_warning) { ?>
   <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?>
     <button type="button" class="close" data-dismiss="alert">&times;</button>
   </div>
   <?php } ?>
   <div class="panel panel-default">
     <div class="panel-heading">
       <h3 class="panel-title"><i class="fa fa-pencil"></i> <?php echo $text_form; ?></h3>
     </div>
     <div class="panel-body">
       <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form-voucher" class="form-horizontal">
         <div class="tab-content">
           <div class="tab-pane active" id="tab-general">
             <div class="form-group required">
               <label class="col-sm-2 control-label" for="input-code"><span data-toggle="tooltip" title="<?php echo $help_code; ?>"><?php echo $entry_code; ?></span>
               </label>
               <div class="col-sm-10">
                 <input type="text" name="code" value="<?php echo $code; ?>" placeholder="<?php echo $entry_code; ?>" id="input-code" class="form-control" />
                 <?php if ($error_code) { ?>
                 <div class="text-danger"><?php echo $error_code; ?></div>
                 <?php } ?>
               </div>
             </div>
             <div class="form-group required">
               <label class="col-sm-2 control-label" for="input-from-name"><?php echo $entry_from_name; ?>
               </label>
               <div class="col-sm-10">
                 <input type="text" name="from_name" value="<?php echo $from_name; ?>" placeholder="<?php echo $entry_from_name; ?>" id="input-from-name" class="form-control" />
                 <?php if ($error_from_name) { ?>
                 <div class="text-danger"><?php echo $error_from_name; ?></div>
                 <?php } ?>
               </div>
             </div>
             <div class="form-group required">
               <label class="col-sm-2 control-label" for="input-to-name"><?php echo $entry_to_name; ?></label>
               <div class="col-sm-10">
                 <input type="text" name="to_name" value="<?php echo $to_name; ?>" placeholder="<?php echo $entry_to_name; ?>" id="input-to-name" class="form-control" />
                 <?php if ($error_to_name) { ?>
                 <div class="text-danger"><?php echo $error_to_name; ?></div>
                 <?php } ?>
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-2 control-label" for="input-amount"><?php echo $entry_amount; ?></label>
               <div class="col-sm-10">
                 <input type="text" name="amount" value="<?php echo $amount; ?>" placeholder="<?php echo $entry_amount; ?>" id="input-amount" class="form-control" />
                 <?php if ($error_amount) { ?>
                 <div class="text-danger"><?php echo $error_amount; ?></div>
                 <?php } ?>
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-2 control-label" for="input-date-start"><?php echo $entry_date_start; ?></label>
               <div class="col-sm-3">
                 <div class="input-group date">
                   <input type="text" name="date_start" value="<?php echo $date_start; ?>" placeholder="<?php echo $entry_date_start; ?>" data-date-format="YYYY-MM-DD" id="input-date-start" class="form-control" />
                   <span class="input-group-btn">
                   <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                   </span></div>
               </div>
             </div>

             <div class="form-group">
               <label class="col-sm-2 control-label" for="input-date-end"><?php echo $entry_date_end; ?></label>
               <div class="col-sm-3">
                 <div class="input-group date">
                   <input type="text" name="date_end" value="<?php echo $date_end; ?>" placeholder="<?php echo $entry_date_end; ?>" data-date-format="YYYY-MM-DD" id="input-date-end" class="form-control" />
                   <span class="input-group-btn">
                   <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                   </span></div>
               </div>
             </div>
           <?php if ($voucher_id) { ?>
           <div class="tab-pane" id="tab-history">
             <div id="history"></div>
           </div>
           <?php } ?>
         </div>
       </form>
     </div>
   </div>
 </div>
 <script type="text/javascript"><!--
   $('.date').datetimepicker({
   pickTime: false
  });
  //--></script>
</div>

控制器页面有以下代码，所以应该能够读取日期的输入：

    if (isset($this->request->post['date_start'])) {
        $data['date_start'] = $this->request->post['date_start'];
    } elseif (!empty($voucher_info)) {
        $data['date_start'] = ($voucher_info['date_start'] != '0000-00-00' ? $voucher_info['date_start'] : '');
    } else {
        $data['date_start'] = date('Y-m-d', time());
    }

    if (isset($this->request->post['date_end'])) {
        $data['date_end'] = $this->request->post['date_end'];
    } elseif (!empty($voucher_info)) {
        $data['date_end'] = ($voucher_info['date_end'] != '0000-00-00' ? $voucher_info['date_end'] : '');
    } else {
        $data['date_end'] = date('Y-m-d', strtotime('+1 month'));
    }

Answer 1

您在 div 上使用 class .date 初始化日期时间选择器，但您必须在输入时使用 classes 或 id 对其进行初始化。

替换此代码：

<script type="text/javascript"><!--
   $('.date').datetimepicker({
   pickTime: false
  });
  //--></script>

这个：

    <script type="text/javascript"><!--
 $('#input-date-start').datetimepicker({
   pickTime: false
  });
   $('#input-date-end').datetimepicker({
   pickTime: false
  });
  //--></script>

表单中的日期时间选择器不传输日期

Datetimepicker in form not transferring date

php

jquery

datetimepicker

opencart