jquery-ui不同字体大小的多个日期选择器

我希望能够独立控制多个jquery-ui datepicker的字体大小。我有2个日期选择器链接到文本输入。声明如下：
$('#Date1').datepicker({firstDay: 1,showWeek: true});
$('#Date2').datepicker({firstDay: 1,showWeek: true});

jquery-ui不同字体大小的多个日期选择器

在HTML，他们是这样使用：
<input type="text" size=10 maxlength=10 id="Date1">
<input type="text" size=10 maxlength=10 id="Date2">

如何更改日期选择独立的字体大小？
<style type="text/css"> .ui-datepicker { font-size: 12px; } </style>
同时影响日期选择器。
<style type="text/css"> #Date1 { font-size: 12px; } </style>什么都不做。
如果我创建了一个<div>，那么它也会影响我不想要的文本输入。

谢谢。

来源

2012-08-16 Robert Smith

加**！**重要与字体大小＃日期1 CSS – 2012-08-16 17:00:02

由于日期选择器使用的是同一日期选择器，无论创建了多少的情况下，最好的要做的事情是添加和删除依赖于实例的类。

看到这个jsFiddle example。

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'); 
    } 
});

来源

2012-08-16 17:18:10 j08691

这工作得很好，谢谢！ – 2012-08-16 17:40:11

尝试

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

来源

2012-08-16 16:59:53

您不能独立更改字体大小，它使用两个datepickers的SAME元素，这是我的jsfiddle，如果你在输入字段检查元素，你会看到我意思。

http://jsfiddle.net/m7q3H/56/

来源

2012-08-16 17:03:38 CKKiller

如果一个div可以只指定的日期选择不输入，像这样

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

来源

2012-08-16 17:04:07 hsalama

jquery-ui不同字体大小的多个日期选择器

回答

相关问题