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" );
我想做什么:
我正在构建一个将插入到 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" );