javascript - 在点击事件中显示日历

标签 javascript jquery html

此代码在输入框中运行良好。它在标签中不起作用 我想在标签“示例”中获得相同的操作 我附上了我的代码。

<div id="datepickerContainer">
</div>
<input id="datepicker" type="text">

<script src="/external/jquery.js"></script>
<script src="/jquery-ui.js"></script>
 <script>
 $( "#datepicker" ).datepicker({
    inline: true
 });
  $('#datepickerContainer').on('click',function() { $( "#datepicker" ).datepicker('show'); });

   // Hover states on the static widgets
   $( "#dialog-link, #icons li" ).hover(
   function() {
    $( this ).addClass( "ui-state-hover" );
   },
    function() {
    $( this ).removeClass( "ui-state-hover" );
  }
);
</script>

最佳答案

使用下面的 html 和 JavaScript 代码。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" type="text/css" href="http://www.jscodes.com/codes/calendar_javascript/demo/css/datePicker.css" />
        <script src="http://www.jscodes.com/codes/calendar_javascript/demo/js/jquery-1.6.1.min.js" type="text/javascript"></script>
        <script src="http://www.jscodes.com/codes/calendar_javascript/demo/js/jquery.datePicker-min.js" type="text/javascript"></script>

        <title>Content Delv Logs</title>
         <script type="text/javascript">
            $(window).ready(function() {
                $('#date-pick').datePicker({clickInput: true});
            });
        </script>
    </head>

    <body>
            <input type="text" name="date" id="date-pick" value=""/>
    </body>
</html>

关于javascript - 在点击事件中显示日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27442549/

相关文章:

JavaScript/特立尼达 : autoSubmit on checkbox prevents keyup event from being heard

javascript - 拖放列表中的第一个元素静态

javascript - 将数组绑定(bind)到 Knockout 样式绑定(bind)

javascript - 捕获模糊并在 &lt;input&gt; 字段上单击 Enter

javascript - Checkbox和onchange方法使用

javascript - 单击主图像时显示子图像

php - Jquery AJAX PHP数据返回

javascript - 没有 JQuery 的窗口加载(和淡出)

javascript - 我可以在 jQuery 中的 'click' 和 'addClass' 之间添加延迟吗?

使用数组的 Javascript 打字机效果