jQuery UI 日期选择器未在 Codeigniter 中触发

jQuery UI datepicker not firing in Codeigniter

我想做什么:

我正在构建一个将插入到 Codeigniter(3.0) 中的 mysql 数据库的表单,其中一个字段应该是发布日期。我是 CI 的新手,但之前使用过 datepicker 并认为它会正常工作。

相关代码:

来自我的模板头文件

<html>
<head>
<meta charset="utf-8">
<title>Add a new comic</title>
<link rel="stylesheet" href="http://foo.com/ci/css/newstyle.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://foo.com/ci/css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
  $(document).ready(function() {
    $(function() {
        $('#datepicker').datepicker('option', 'dateFormat', 'yy-mm-dd');
    });
  });
  </script>
</head>

来自我的form.php

<div id="upload">
    <?php 
        echo form_open_multipart('comic/createComic');
        echo form_upload('userfile');
        echo form_input('comic_title', 'Comic Title');
        echo form_input('title_text', 'Hover Test');
    ?>
    <input type="text" id="datepicker" title="publish_date" name="publish_date" value="">
    <?php
        echo form_submit('upload', 'Upload');
        echo form_close();
    ?> 
</div>

来自控制器

function createComic() 
{
    $this->load->model('Image_model');

    if($this->input->post('upload'))
    {
        $this->Image_model->do_upload();
    }

    $data = array(
        'comic_filename' => $this->upload->data('file_name'),
        'comic_title' => $this->input->post('comic_title'),
        'title_text' => $this->input->post('title_text'),
        'publish_date' => $this->input->post('publish_date'),
        );
        $this->db->set('uploaded', 'NOW()', FALSE);

    $this->site_model->add_comic($data);
    $this->index();
}

我有一个图像模型和一个站点模型,它们只是 运行 插入且工作正常。我得到一个文本字段,我可以在其中手动输入日期,ISO 格式和插入没有任何问题。

问题是我根本无法加载 UI 日期选择器。您必须手动输入日期。

问题:

我在这里错过了什么?我确定有一些我还不知道的特质,或者我在语法上犯了一个简单的错误,非常感谢任何帮助。

长话短说:

无法获得 jQuery UI 日期选择器来加载图形日历以允许用户 select 在 Codeigniter 平台上构建的表单中选择日期。请查看上面的代码,让我知道哪里出错了。

问题在于您输入 datepicker()

初始化的选项

尝试将其更改为以下内容:

    $(function() {
       $('#datepicker').datepicker({
           dateFormat: "yy-mm-dd"
       });
    });

您在日期选择器初始化后设置选项时使用的原始格式。

$('#datepicker').datepicker( "option", "dateFormat", "yy-mm-dd" );