Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui具有不同字体大小的多个日期选择器_Jquery_Jquery Ui - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • Jquery ui具有不同字体大小的多个日期选择器

Jquery ui具有不同字体大小的多个日期选择器

jquery jquery-ui

Jquery ui具有不同字体大小的多个日期选择器,jquery,jquery-ui,Jquery,Jquery Ui,我希望能够独立地控制多个jQueryUIDatePicker的字体大小。 我有两个日期选择器链接到文本输入。声明如下： $（'#Date1'）.datepicker（{firstDay:1，showWeek:true}） $（'#Date2'）.datepicker（{firstDay:1，showWeek:true}） 在HTML中，它们的用法如下： 如何独立更改日期选择器的字体大小？ .ui日期选择器{font size:12px；}影响两个日期选择器。 #Date1{font size

我希望能够独立地控制多个jQueryUIDatePicker的字体大小。 我有两个日期选择器链接到文本输入。声明如下：
$（'#Date1'）.datepicker（{firstDay:1，showWeek:true}）


$（'#Date2'）.datepicker（{firstDay:1，showWeek:true}）


在HTML中，它们的用法如下：






如何独立更改日期选择器的字体大小？


.ui日期选择器{font size:12px；}

影响两个日期选择器。


#Date1{font size:12px；}
不执行任何操作

如果我在
周围创建
，它也会影响我不想要的文本输入。



谢谢。
试试看


$('#Date1 > .ui-datepicker').css({ 'font-size': 12px});



您不能单独更改字体大小，它对两个日期选择器使用相同的元素，这是我的JSFIDLE，如果您检查输入字段上的元素，您将了解我的意思


如果你是一个div，你可以只针对日期选择器而不是输入，就像这样


  div#newDiv .ui-datepicker:first-child  //gets you the first one
  div#newDiv .ui-datepicker:last-child  //gets you the last one



因为无论创建多少实例，datepicker都使用同一个datepicker，所以最好的方法是添加和删除依赖于实例的类

请参见此

jQuery


$('#Date1').datepicker({
    firstDay: 1,
    showWeek: true
});
$('#Date2').datepicker({
    firstDay: 1,
    showWeek: true,
    beforeShow: function(input, inst) {
       $('.ui-datepicker').addClass('bigFont');
    },
    onClose:function(input, inst) {
       $('.ui-datepicker').removeClass('bigFont');
    }
});​


添加在#Date1 CSS中使用字体大小很重要