javascript - 如何根据在另一个日期选择器中选择的月份在一个日期选择器中显示月份

标签 javascript jquery css html

这是我需要修复需求的片段

这里我用jquery做datepicker

          <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes
           /base/jquery-ui.css" />
          <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
          <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

在这里,我让日期选择器通过下拉列表选择月份,但问题是在两个字段中,用户可以选择月份,但我需要限制“到”字段中的月份选择,因为第二个日期选择器应该显示“来自字段”的月份本身

$(document).ready(function () {
    $("#datepicker,#datepicker1").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "-0:c+10",
        dateFormat: "dd - M - yy"
    });
    $('#datepicker,#datepicker1').datepicker("setDate", new Date());
}); 

这是两个带有两个字段名“from”和“to”的日期选择器

           <li><label class="label">From:</label></li>
               <li><input name="fdate" type="text" class="sel" size="10"  
                      id="datepicker" required /><li>
               <li><label class="label1">To:</label></li>
               <li><input name="tdate" type="text" class="sel" size="10"  
                      id="datepicker1" required  /><li>
               <li ><label class="label" >Weeks:</label></li>

最佳答案

下面是上述要求的片段......

<head>
    <title>Testing</title>
    <link href="css/jquery-ui-start-custom-1.10.3.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .ui-datepicker-next, .ui-datepicker-prev { display: none; }
    </style>
    <script src="scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui-custom-1.10.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $('.ui-datepicker-prev ui-corner-all').hide();
            $("#datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: "-0:c+10",
                dateFormat: "dd - M - yy",
                onClose: function(selectedDate) {
                    $('#datepicker1').datepicker("setDate", selectedDate);
                }
            });
            $('#datepicker').datepicker("setDate", new Date());

            $("#datepicker1").datepicker({
                yearRange: "-0:+0",
                dateFormat: "dd - M - yy"
            });

        });
    </script>
</head>

关于javascript - 如何根据在另一个日期选择器中选择的月份在一个日期选择器中显示月份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17315612/

相关文章:

javascript - 谷歌地图 OverlayView : make only SVG clickable

jquery - 如果你按 Tab 键离开,幻灯片就会变得疯狂

javascript - 脚本未使用动态生成的 JQuery 脚本标记执行

css - 将 2 张图像添加到一个控制 <Div>

Javascript:文字到数字

javascript - 如何编译我的 TypeScript Phaser 项目,使其仅使用 Phaser.d.ts 引用路径找到 "Phaser"命名空间?

javascript - jQuery 选择器和智能克隆

javascript - 如何使用 react-spring 实现设计?

html - 如何在css中的两行相同文本之间提供一些空间

javascript - 如何使用 JQuery 添加 number_field_tag 的值