1

如何在 Codeigniter 中使用日期选择器？
我的视图部分看起来像这样

<html>
<head>

<link  href="css/CalendarControl.css" rel="stylesheet" type="text/css">

<script language="javascript" src="js/CalendarControl.js"></script>
</head>
<body>
<table>
<tr>

<td><input name="txtdatefrom" type="text" id="txtdatefrom" onClick="return showCalendarControl(this);" style="background:#fff;border:1px solid #999;color:#999; text-align:center" value="From" onKeyPress="return disableEnterKey(event)"/></td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td><input name="txtdateto" type="text" id="txtdateto" onClick="return showCalendarControl(this);" style="background:#fff;border:1px solid #999;color:#999; text-align:center" value="To" onKeyPress="return disableEnterKey(event)"/></td>
<td><input type="submit" value="submit" name="submit" id="submit" /></td>

</tr>
</table>
</body>
</html>

还有我的控制器

public function calender(){

    $this->load->view('news/calender1');
}
4

4 回答 4

1

安装 datecker 的 js，然后使用 jQuery 在您想要日期的 id 上调用函数 datepicker()。

于 2015-04-22T11:41:50.310 回答
0

这可能会对您有所帮助：使用日期时间选择器

或者对于 Codeigniter：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="development-bundle/themes/ui-lightness/jquery.ui.all.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery UI Datepicker Example 1</title>
<script type="text/javascript" src="development-bundle/jquery-1.4.2.js"></script>
<script type="text/javascript" src="development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="development-bundle/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
    $(function(){
        $("#date").datepicker();
    });
</script>
</head>
<body>
<label>Enter a date: </label><input id="date">
</body>
</html>
于 2013-08-21T06:01:13.773 回答
0

从互联网上下载 datepicker 的 jquery.ui 并将文件放在您的文件夹中。文件存储在评估/js/jquery_ui 中。存储位置是您的愿望

1. jquery-ui.css
2. jquery-ui.js
3. jquery-ui.min.js

在 head 部分提供 css 链接

<link href="<?php echo base_url('assests/js/jquery_ui/jquery-ui.css');?>" rel="stylesheet">

在正文部分提供 javascript

<script src="<?php echo base_url('assests/js/jquery_ui/jquery-ui.js');?>"></script>
    <script src="<?php echo base_url('assests/js/jquery_ui/jquery-ui.min.js');?>"></script>

你的代码看起来像这样

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <link href="<?php echo base_url('assests/js/jquery_ui/jquery-ui.css');?>" rel="stylesheet">

    <script type="text/javascript">
        $(function(){
            $("#date").datepicker();
        });
    </script>
    </head>
    <body>
    <label>Enter a date: </label><input id="date">

<script src="<?php echo base_url('assests/js/jquery_ui/jquery-ui.js');?>"></script>
        <script src="<?php echo base_url('assests/js/jquery_ui/jquery-ui.min.js');?>"></script>  

 </body>
    </html>

最后控制加载视图和javascript库

于 2016-03-03T07:30:40.457 回答
0

包括 datepicker js 并查看结果。

<div class="text">
<?php
$data = array(
    'name' => "registration_date",
    'id' => "registrationDate",
    'class' => "datepicker",
    'readonly' => "true",
    'value' => $this->input->post('registration_date')
);
echo form_input($data);
?>
<span class="text-error"><?php
echo form_error('registration_date');
?></span></div>
于 2016-12-30T12:11:03.693 回答