The laydate time component can only assign values to the first input box when there are multiple time input boxes in Firefox.

The laydate time component can only assign values to the first input box when there are multiple time input boxes in Firefox.

Problems:

The laydate time component can only assign values to the first input box when there are multiple time input boxes in Firefox (the same problem occurs in safari );

Solution:

Bind an id to laydate;

Code before solution:

1 <input id = "startTime" placeholder = "Enter the start time" class = "laydate-icon" 2 onClick = "laydate ({istime: true, format: 'yyyy-MM-DD hh: mm: ss '}) "> 3 <br> 4 <br> 5 <input id =" endTime "placeholder =" Enter the end time "class =" laydate-icon "6 onClick =" laydate ({ istime: true, format: 'yyyy-MM-DD hh: mm: ss'}) ">

Code after solution:

1 <input id = "startTime" placeholder = "Enter the start time" class = "laydate-icon" 2 onClick = "laydate ({elem: '# startTime', istime: true, format: 'yyyy-MM-DD hh: mm: ss '}) "> 3 <br> 4 <br> 5 <input id =" endTime "placeholder =" Enter the end time "class =" laydate-icon "6 onClick =" laydate ({ elem: '# endtime', istime: true, format: 'yyyy-MM-DD hh: mm: ss'}) ">

As shown above, add id binding in line 2 and 6 to solve the problem;