Date resets to default value on Save

[ashygk]

Are you requesting a feature, reporting a bug or asking a question?

bug / question

What is the current behavior?

When my survey json has a matrix dynamic with date(custom datepicker) being one of the column and set the default value to current date using onMatrixCellCreated event.
private onMatrixCellCreated(survey, options) { if (options.columnName.startsWith('Date')) { options.rowValue[options.columnName] = new Date().toLocaleDateString(); } }

When I add a matrix row and remove the date and save, the survey data still shows current date, while it should be empty / null.

survey json : { pages: [ { name: "page1", elements: [ { type: "matrixdynamic", name: "ComplexMedicalNeeds", titleLocation: "hidden", columns: [ { name: "Date", cellType: "datepicker", dateFormat: "mm/dd/yy", config: { showOn: "button", buttonImage: "assets/icons/date.svg", buttonImageOnly: true, buttonText: "Select date", maxDate: "+0D" }, inputType: "date" }, { name: "Narrative", cellType: "comment", maxLength: 2000, validators: [ { type: "text", allowDigits: true, minLength: 0, maxLength: 2000 } ] }, { name: "Actions", visibleIf: "1 = 2" } ], cellType: "text", rowCount: 0, addRowLocation: "top", addRowText: "ADD COMPLEX NEED +", removeRowText: " ", confirmDelete: true, confirmDeleteText: "Are you sure you want to delete medical/nursing needs record?" } ] } ], showTitle: false, showQuestionNumbers: "off", questionErrorLocation: "bottom" }

What is the expected behavior?

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

your_code_here

Specify your

• browser:
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue):
• surveyjs version:

[tsv2013]

Are you using the datepicker from custom widgets repo (https://github.com/surveyjs/widgets/blob/master/src/bootstrapdatepicker.js)?

[ashygk]

@tsv2013 Yes. I'm using jquery ui datepicker

[ashygk]

@tsv2013 any update on this please?

[tsv2013]

@ashygk Thanks for pinging me. Sorry no updates for now. This issue is in our tasks queue.

[dmitry-kurmanov]

@ashygk I will check it ASAP.

[dmitry-kurmanov]

@ashygk the problem in datepicker itself, please check the issue on stackoverflow: https://stackoverflow.com/questions/9435086/how-do-i-clear-reset-the-selected-dates-on-the-jquery-ui-datepicker-calendar

I've fixed it via the commit: surveyjs/custom-widgets@11dba51

Here an example: https://plnkr.co/edit/dtUoEOSugVq0rvlqsHJa?p=preview with the last widget build.

The fix will be available in the next minor update.

[ashygk]

@andrewtelnov Thanks for re-opening the issue. The issue still persists when onMatrixCellCreated event is used. Could you please verify by adding the below code snippet in the plunkr and verify. Thanks.

private onMatrixCellCreated(survey, options) { if (options.columnName.startsWith('Date')) { options.rowValue[options.columnName] = new Date().toLocaleDateString(); } }

[ashygk]

It happens when you add multiple dynamic rows(not when single row is present in a matrix). Multiple scenarios are affected.

1. When one row date is modified, second row date field is getting affected.
2. When one row date is cleared, its affecting the other date fields in other rows.

[andrewtelnov]

@ashygk I have updated the plunker example accordingly.

Thank you,
Andrew