使用CodeIgniter JavaScript的日期选择器

问题描述 投票:1回答:4

如何在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');
}
php codeigniter datetimepicker
4个回答
0
投票

这可能会帮助您:Using Datetime picker

或对于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>

0
投票

安装datecker的js,然后在要获取日期的ID上使用jQuery调用函数datepicker()。


0
投票

从互联网上下载用于日期选择器的jquery.ui并将文件放在您的文件夹中。该文件存储在评估书/ js / jquery_ui中。您所希望的存储位置是

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

在头部提供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库


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>
© www.soinside.com 2019 - 2024. All rights reserved.