Javascript 隐藏日期时间选择器上的div单击

在此图像中，当我从下拉列表中选择值并选择日期时，将显示容器，然后当我从表数据中选择行时，将显示cont和sumdata div。现在，当我再次从日期选择器中选择日期时，将显示cont和sumdata div，然后要隐藏所有div。。。当点击搜索，然后想显示容器

使用onselect选项执行任何JavaScript转换

e、 g:

工作小提琴：

---

您可以使用日期选择器的onselect事件。我在成功后在何处执行此操作，或者在if else中执行此操作@正在加载..@rebmamber-这不是ajax事件。这是一个日期选择器选项。你应该把它放在datepicker create语句中。我这样做了，但这不起作用。。我写什么而不是datetext？@Rebmamber-什么不起作用？你为什么要运行datepicker这么多次？我不知道。。我使用，因为我设置了一些条件calendar@rebmaamber-如果你不知道什么不起作用，我怎么能帮你？有一点是肯定的，您必须重新编写代码，并确保只为fromdate和todate运行一次datepicker。之后，您可以对这两个选项都使用onselect选项来执行所需的任何转换。祝你好运

<script type="text/javascript">

         $(function () {

             var currentYear = (new Date).getFullYear();
             var currentMonth = (new Date).getMonth();
             var currentDay = (new Date).getDate();
             $('#fromdate').datepicker({
                 showSecond: false,
                 timeFormat: 'HH:mm',
                 minDate: new Date((currentYear - 2), 12, 1),
                 //minDate: 0,
                 dateFormat: 'yy-mm-dd',
                 maxDate: new Date(currentYear, currentMonth, currentDay),
                 //maxDate: new Date((currentYear + 1), 12, 1),
                 onSelect: function (selectedDate) {

                     // Start Date
                     var startDate = $(this).datepicker('getDate');

                     //startDate.SetHours(0);
                     //startDate.setMinutes(0);
                     //startDate.setSeconds(0);

                     $('#todate').datepicker('option', 'minDate', startDate);
                     $('#todate').datepicker('setDate', startDate);

                     // End Date
                     var enddate = $(this).datepicker('getDate');
                     enddate.setDate(enddate.getDate() + 60);
                    // endDate.setMonth(endDate.getMonth() + 2);
                     $('#todate').datetimepicker('option', 'maxDate', enddate);
                 }
             });



        $('#todate').datepicker({
             showSecond: false,
             timeFormat: 'HH:mm',
             minDate: new Date((currentYear - 2), 12, 1),
             minDate: 0,
             dateFormat: 'yy-mm-dd',
             maxDate: '+30',
             //maxDate: endDate.setMonth(endDate.getMonth() + 2)


         });

       $('#fromdate').on('click', function () {
              $("#tabledata").hide();
             $('#container').hide();
             $("#cont").hide();
             $("#sumdata").hide();
             $("#sum").hide();
         });

         $("#todate").datepicker({
             onSelect: function (dateText) {
                 $("#tabledata").hide();
                 $('#container').hide();
                 $("#cont").hide();
                 $("#sumdata").hide();
                 $("#sum").hide();
             }
         });

     });
  </script>

$(".datepicker").datepicker({
  onSelect: function(dateText) {
    // hide your divs
    $('.mydivs').hide();
  }
});