The FuelUx scheduler forgets which day we've chosen when selecting weekly recurrence

When using the fuelUX scheduler, I noticed that after calling the method

$('#myscheduler').scheduler("value","JSON VALUE")
and selecting a weekly recurrence pattern, the information of the day gets lost. For example, if my input for the recurrence pattern is: FREQ=WEEKLY;BYDAY=WE;INTERVAL=2;, it changes to FREQ=WEEKLY;BYDAY=;INTERVAL=2;. Am I doing something wrong here? Check out this LINK for reference.

Answer №1

Apologies for the delayed response, but I wanted to mention that your issue has been designated to the 3.7 milestone of the FuelUX pipeline.

I encountered the same issue and made adjustments to the fuelux scheduler.js until an official fix is implemented. Here is the modification:

On or around line #282, you will find:

else if(repeat === 'weekly') {
    days = [];
    this.$element.find('.repeat-days-of-the-week .btn-group input:checked').each(function ()
    {
        days.push($(this).data().value);
    });

I have updated it as follows, and it seems to work well for me so far:

else if(repeat === 'weekly') {
    days = [];
    this.$element.find('.repeat-days-of-the-week .btn-group input').each(function ()
    {
        if ($(this.parentElement).hasClass("active"))
        {
            days.push($(this).data().value);
        }
    });

Just a heads up: I have modified the selector from 'input:checked' to target all 'input' elements, checking for the parent element's 'active' status. This approach accommodates both unchanged initial loads and adjusted schedules.

Hopefully, this information proves helpful to you or to anyone else encountering a similar issue.

Cheers

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

fnRedraw and fnReloadAjax do not have the capability to refresh the datatable

I have been working on updating a table with new data from an ajax url. The table loads correctly the first time, but I am struggling to get it to refresh. $(function() { var datepicker = $( "#date-picker" ); var table = $("#reports1").dataTable( ...

Creating a grid in JavaScript using a formula

I'm looking to create a grid of objects using JavaScript. Unfortunately, I can't remember the formula and I haven't been able to find it online: var width = 113; var height = 113; var col = 10; ...

What happens to CSS specificity when JavaScript is used to change CSS styles?

When JavaScript modifies CSS, what is the specificity of the applied styles? For example: document.getElementById("demo").style.color = "red"; Would this be deemed as inline styling? ...

Unable to activate Vue 13 keyCode in a text field using jQuery with Laravel Dusk Testing

I've been grappling with this issue for a few days now. I'm trying to create a Laravel Dusk test that incorporates the Vue.js framework. There's a method that should be triggered when the user hits the ENTER key. I recently discovered that ...

Converting JavaScript strings into nested arrays

Currently, I am developing my own bi-directional DOM binder to connect input fields to JSON data as a way to enhance my understanding and skills. I have chosen not to use frameworks like Ember, Angular, or KnockoutJS for this project. One challenge I am fa ...

Issue with Many to Many Relation Query in Objection JS, Postgres, and Express Resulting in 'TypeError: Cannot Read Property 'isPartial' of Null' Error

I have a challenge connecting the 'products' table to the 'tags' table using a many-to-many relationship structure with the 'products_tags' table. Upon executing const product = await Product.relatedQuery('tags').fi ...

Problem encountered while retrieving data

I am currently working on a website that connects vendors and clients, where clients can order services from various vendors. In my database, I have a table named "orders" which stores all the details of orders such as client email, vendor email, and orde ...

Obtaining data from a JSON object

I'm attempting to extract the values using keys from the JSON response. I've tried the following methods but none of them have worked so far. 1.) string email = json.emailAddress; 2.) string email = json["emailAddress"].ToString(); Full Cod ...

utilizing array.map() to nest multiple layers of arrays

I am facing a challenge with a JavaScript array structure that contains three top-level objects. Each of these objects has an "teamLineup" array, which in turn holds two more objects named "team". These "team" objects have another array called "starters", ...

"Utilizing an if-else statement within a forEach loop

I have an array of ages and I want to determine the age range for each age along with the count, then push it into my object. The issue I am facing is that if there are multiple ages in the same range, it gets pushed twice. I only want to push it once and ...

Activate the drop-down menu in Angular 6 by hovering over it with your mouse

I am just beginning my journey with Angular 6 and Bootstrap. Currently, I am working on a Navigation bar that consists of 3 navigation items. One of the nav items is called "Store", and when a user hovers their mouse over it, I want to display a mega menu ...

Making Angular2 Templates More Efficient with Array.prototype.filter()

I have a variable named networkInterface that includes an array called services. My objective is to create a checkbox input that indicates whether a specific service_id exists within the services array of the networkInterface. An illustration of JSON `int ...

React-Select for Creating a Dynamic Multi-Category Dropdown Menu

I am looking to incorporate react-select into my project for a multi-category dropdown list. Specifically, I need the ability to select only one option at most from each category. To better illustrate this requirement, consider the following example wher ...

Retrieving the value of a PHP function using JavaScript

After reviewing various answers, I am still unsure of how to proceed with my issue. Here is the dilemma I'm facing: I am working with a .txt file to extract and interpret the meaning of a name (even though using a database would be more efficient). ...

Exploring the Dependency Injection array in Angular directives

After some deliberation between using chaining or a variable to decide on which convention to follow, I made an interesting observation: //this works angular.module("myApp", []); angular.module('myApp', ['myApp.myD', 'myApp.myD1&a ...

Animating each individual element within the v-for loop in Vue.JS

Recently, I developed a basic to-do app using VueJS. Additionally, I integrated vue2-animate, which is a Vue.js 2.0 adaptation of Animate.css used for Vue's built-in transitions. The animation feature that adds an element functions correctly. However ...

Simulated alternate identities for UI Router

I am managing a group of pages/URLs that share a common parent state/template: /orders/list /orders/create /products/list /products/create Currently, I have two dummy states/routes (/products and /orders) that serve as parent states for the other substat ...

Combine the commands gotoIf and storeAlertPresent into a single string in Selenium IDE. Can you help me with this

Could you please fix the following command? gotoIf | storeAlertPresent==false | continue This command is not functioning properly. Additionally, I am unable to use more than one string in Selenium IDE. ...

Show a message popup or view based on the validation of the model

Picture an online store with multiple steps to complete during the checkout process. Whenever the customer clicks the 'next' button, it triggers the corresponding 'Action' method. This method includes a validation check to ensure that t ...