Datetimepicker表单不转移日期

时间:2016-09-02 21:50:01

标签: php jquery opencart datetimepicker

在我的opencart电子商务套餐的后端,有可能为客户插入优惠券。但是,标准无法设置凭证的开始和结束日期(1年后)。因此,我已经调整了voucher.tpl模板以包含这种可能性。我已经实现了与coupon.tpl完全相同的功能,可以输入开始日期和结束日期。

开始日期和结束日期的输入字段使用datetimepicker脚本。单击日历按钮(见图1)并且日期显示时,日期选择器正确显示。

image1

日期用于表单中,但遗憾的是,单击“保存”按钮时,数据似乎不会随表单一起传输。我发现coupon.tpl页面没有任何区别,一切正常。我花了很多时间来创建错误,但还没有成功。有人可以帮助我吗? 谢谢, SabKo

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'));
    }

1 个答案:

答案 0 :(得分:0)

您使用类.date初始化div上的日期时间选择器,但您必须使用类或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>