jquery - 显示隐藏 jquery datepicker 日历

标签 jquery datepicker

为了仅显示月份的 jquery 日历,我使用了 css

   <style>
      .ui-datepicker-calendar 
      {
         display:none
      }
   </style>

但是此 CSS 应用于整个页面,并且其他 datepicker 控件已变为 monthpicker 。 我如何将其限制为只有一个控件。

    <input data-val="true" id="StartMonth" name="StartMonth" type="text" value="" /> 
    $('#StartMonth').focusin(function () 
    {
        $('.ui-datepicker-calendar').css("display", "none");
        $('#StartMonth').datepicker('setDate', new Date(year, month, 1)).trigger('change');
    });

最佳答案

通过查询的一点帮助,您就可以达到您想要的结果。请跟随 fiddle 。

http://jsfiddle.net/DBpJe/7376/

   $('#startDate').focusin(function(){
  $('.ui-datepicker-calendar').css("display","none");
});

关于jquery - 显示隐藏 jquery datepicker 日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34034836/

相关文章:

gwt - 如何使 GWT DatePicker 使用星期一作为一周的第一天?

javascript - 基于周限制日历

c# - Xamarin.Forms(可为空)DatePicker : Workaround for missing OK and cancel events

javascript - 获取网站的标题

Javascript 似乎脱离了控制流

javascript - 如何从 jqgrid 和 Laravel 上传多个文件?

javascript - CSS如何水平对齐一组元素?

android - 选择超出最小或最大日期的日期时,DatePicker 会崩溃。安卓5.1

javascript - 如何过滤json的重复数据?

ios - 如何在按下 TableView 单元格滑动编辑操作后显示日期选择器