php - html中的日期选择器代码

标签 php javascript html css

我们尝试了使用日期选择器显示日期的代码,它应该在一个页面中显示两次开始日期和结束日期,但它只显示开始日期而不显示结束日期

<html>
<head>
    <link rel='stylesheet' id='admin-css'  href='admin.css' type='text/css' media='all' />
    <link rel='stylesheet' id='colors-fresh-css'  href='colors-fresh.css' type='text/css' media='all' />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function(){
        $( "#datepicker" ).datepicker();
        $("#icon").click(function() { 
            $("#datepicker").datepicker( "show" );
        })
    });
    </script>
</head>
<body>
    <input type="text" id="datepicker" name='from' size='9' value="" />  
    <img src='images/calender.PNG' id='icon' height='25px' width='25px'/ >
</body>
</html>

最佳答案

为什么不使用输入类型日期

<input type="date" id="datepicker" name='from' size='9' value="" /> 

DEMO

关于php - html中的日期选择器代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15545074/

相关文章:

javascript - HTML5 实时视频 Canvas 形状

JavaScript 检查输入的日期是否早于 30 天,如果是则清除输入字段

jquery - 使用 jQuery 锁定屏幕或元素

javascript - Masonry 的响应式布局在较宽的页面尺寸上有较大的间距

php - 单击图像时如何制作图像以在 codeigniter View 中放大 Bootstrap ?

php - 在 PHP 中获取恰好一周前的时间戳?

java - 向 HTTP 请求添加 cookie

javascript - 如何使用 javascript 将 jenkins 数据获取到 HTML 页面

php - 保护目录免受直接 URL 访问

php - 复制到临时表需要很长时间