Tag: datepicker

无法将带有jquery的类添加到datepicker: 我整个上午都在苦苦挣扎，最后我决定寻求帮助。我有一个datepicker（jquery ui），我用谷歌日历中的事件填充并相应地更改类。到目前为止，我使用了datepicker的beforeShowDay函数，效果很好。不幸的是，日历事件是用西class牙语编写的，所以我使用另一个函数（下面的代码）去掉了beforeShowDay函数中的所有重音字符： function accentsTidy(s){ var r = s.toLowerCase(); non_asciis = {‘a’: ‘[àáâãäå]’, ‘ae’: ‘æ’, ‘c’: ‘ç’, ‘e’: ‘[èéêë]’, ‘i’: ‘[ìíîï]’, ‘n’: ‘ñ’, ‘o’: ‘[òóôõö]’, ‘oe’: ‘œ’, ‘u’: ‘[ùúûűü]’, ‘y’: ‘[ýÿ]’}; for (i in non_asciis) { r = r.replace(new RegExp(non_asciis[i], ‘g’), i); } return r; }; 问题是我无法让IE 11使用此function。（它不会替换任何重音字符）所以我决定采用不同的方式并添加以下行： if (isIE) { $(‘td[class*=”Highlighted”]’).not(‘td[class*=”Unknown”]’).each(function […]

Highstock + Bootstrap datepicker: 我的问题与此处的问题相同： Highstock日期输入jquery ui datepicker位置更改但我正在使用Bootstrap datepicker而不是jQuery。我注意到它分别在（“show”，…），on（“hide”…）而不是beforeShow，onClose上。但后来我真的不知道如何改变他们的身体来使用我的日期选择器。

动态选择字段选项基于Woocommerce结帐中的选定日期: 我在Woocommerce结帐中添加了2个自定义字段：一个jQuery-ui Datepicker字段，选择字段（下拉列表）的时间。现在，我希望时间选择字段下拉选项取决于所选日期。基本上如果选择星期六和星期日，我希望时间间隔有限（仅限于15:00）。我已经尝试了很多不同的策略，但它们似乎都不是正确的方法。以下是两个自定义字段： //Datepicker add_action( ‘woocommerce_before_order_notes’, ‘my_custom_checkout_field_DP’ ); function my_custom_checkout_field_DP($checkout) { wp_enqueue_script(‘jquery-ui-datepicker’); wp_enqueue_style(‘jquery-ui’, “http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css”, ”, ”, false); wp_enqueue_style(‘datepicker’, plugins_url(‘/css/datepicker.css’, __FILE__), ”, ”, false); /*print(‘ ‘ ); print(”);*/ echo ‘jQuery(document).ready (function(){ jQuery(“#e_deliverydate”).width(“150px”); var formats = [“MM d, yy”,”MM d, yy”]; jQuery(“#e_deliverydate”).val(“”).datepicker({dateFormat: formats[1], minDate:1}); jQuery(“#e_deliverydate”).parent().after(“”); }); ‘; echo ”; woocommerce_form_field(‘e_deliverydate’, array( ‘type’ […]

Rails：如何在datepicker中添加工具提示事件并在几个月内限制它们: 我有一个datepicker，我希望用户在其中看到由admin创建的所有事件。添加function以添加带有事件标题的工具提示会很不错。我知道jQueryUI的datepicker允许这样的事情。我必须使用beforeShowDay方法。但问题来了。 1）如何将@events数组传递给jquery代码？我知道我可以在视图中访问该数组但我可以做这样的事情： var events = @events; 2）第二个也是最重要的问题。这种方法将使我的应用程序获得大量事件来处理。当事件开始变得很多时，这将减慢一切。我如何根据今天的日期限制事件在几个月内？希望明确。任何帮助？更新1 （第一个问题和第二个问题的一小部分都解决了）好吧我设法传递给javascript我的实例事件数组如下： var events = 这样我就可以通过范围限制在控制器中以我想要的方式限制事件。当我在浏览器控制台中检查事件数组是这样组成的： [[” Snap-happy athletes ca…arrival at London 2012 “, “2012-07-28T00:00:00Z”], [“AdWords API Office Hours EMEA”, “2012-07-25T00:00:00Z”], [“Under the math”, “2012-07-22T00:00:00Z”], [“Superman power”, “2012-07-13T00:00:00Z”], [“Google I/O 2012 Keynote”,”2012-07-01T00:00:00Z”]] 这是一个像这[[“标题”，“事件的日期”]，…]的数组但是如何将它们放在带有beforeShowDday的datepicker中呢？这是我的第一次尝试，但它不起作用 $(“#datepicker”).datepicker({ […]

需要日期选择器点击事件而不是选择: 我在我的应用程序中使用了jQuery datepicker。 $(‘#button’).datepick({ onSelect : showStartDate }); 在datepick.js他们编写了onselect:的代码onselect: var onSelect = inst.get(‘onSelect’); if (onSelect && !keyUp) { inst.inSelect = true; // Prevent endless loops onSelect.apply(target, [inst.selectedDates]); } 现在我想将其更改为OnClick事件。任何帮助？

禁用datepicker中id = $ id的所有日期: 您好，我首先有这样的表格：agregareserva.php： ID 1 ID 2 在GUImostrarcalendario.php我有： query($sql1); ?> num_rows>0):?> fetch_array()):?> modify( ‘+1 day’ ); $interval = new DateInterval(‘P1D’); $daterange = new DatePeriod($begin, $interval ,$end); $dates_ar = []; foreach ($daterange as $date) { $dates_ar[] = $date->format(“Ymd”); } $disabled_dates = ‘”‘ . implode(‘”, “‘, $dates_ar) .'”‘; ?> $(function() { var disabledDays = []; var date = new […]

日期选择器下一步单击事件: 我需要为jQuery日期选择器上的下一个按钮预先形成一个事件，并从这个答案得到我需要的东西： jquery datepicker将事件添加到下一个和上一个按钮但我不明白的原因是： $(document).on(‘click’, ‘.ui-datepicker-next’, function() { // Preform event }; 工作但是： $(“.ui-datepicker-next”).on(‘click’, function() { // Preform event }; 两次点击后，在我的情况下不起作用？

使用js datepicker替换bootstrap datepicker时，Datepicker无法正常工作: 当我使用jquery UI时，datepicker已经运行了。但是用bootstarp datepicker替换它时却无法正常工作。日期选择器已打开，但选择过程无效。我也在使用bootstrap主题。我是新手设计，如果我想添加任何文件，请指导我。 jquery文件 $(function(){ $(‘.showDateContainer’).click(function(){ $(‘.showDateItem’).datepicker({ onSelect: function(dateText) { } }); }); 这是我添加的文件 Html->script(“bootstrap-3.3.7-dist/bootstrap.min.js”) ?> Html->css(‘bootstrap-3.3.7-dist/bootstrap.min.css’) ?> Html->script(“bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.js”) ?> Html->css(‘bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.css’) ?> Html->script(“jQuery/jQuery-2.1.4.min.js”) ?>

Angular2：从javascript函数调用组件方法: 目前我正在尝试使用jQuery和我的Angular2项目实现bootstrap datepicker。这是我到目前为止： import {Component, AfterViewInit, Injector, Inject} from ‘@angular/core’; import {ObservableService} from “../../../services/data-observable.service”; declare var $:any; @Component({ selector: ‘date-range’, moduleId: module.id, template: “ }) export class DateRange implements AfterViewInit { options = { locale: { format: ‘YYYY-MM-DD’ }, startDate: ‘2013-01-01’, endDate: ‘2013-12-31’}; constructor(@Inject(Injector) private injector: Injector, @Inject(ObservableService) private _observable: ObservableService) { } ngAfterViewInit() { […]