couldnt change time on the dataerange picker manually with javascript

Question

User304645895 posted

when i select date and i change hour with keyboard , the date retur in last date for exemple i select in calendar 30/09/2020 after i change hour the date return 21/09/2020 ,and when i deleting value too please help me thank you

 <div class="input-group">
                                            <asp:TextBox ID="datePEC" runat="server" CssClass="form-control" Width="250px" Height="30px" />
                                            <asp:Button runat="server" ID="btnSample" ClientIDMode="Static" style="display:none;" OnClick="changerHeureDEP" />
                                            <asp:HiddenField runat="server" ID="datesel" />
                                        </div>
                               

code javascript

 function pageLoad(sender, args) {

          
            $(document).ready(function () {

                $('input[name="ctl00$MainContent$datePEC"]').daterangepicker({

                 
                    "singleDatePicker": true,
                    "timePicker": true,
                    "timePicker24Hour": true,
                    "useCurrent": false,
                
              "locale": {
                        "format": "DD/MM/YYYY HH:mm",
                        "separator": " - ",
                        "applyLabel": "Valider",
                        "cancelLabel": "Annuler",
                        "fromLabel": "Du",
                        "toLabel": "Au",
                        "customRangeLabel": "Custom",
                        "weekLabel": "S",
                        "daysOfWeek": [
                            "Di",
                            "Lu",
                            "Ma",
                            "Me",
                            "Je",
                            "Ve",
                            "Sa"
                        ],
                        "monthNames": [
                            "Janvier",
                            "Février",
                            "Mars",
                            "Avril",
                            "Mai",
                            "Juin",
                            "Juillet",
                            "Aout",
                            "Septembre",
                            "Octobre",
                            "Novembre",
                            "Decembre"
                        ],
                        "firstDay": 1
                    },
           
                    opens: 'left'
                },

                  
                    function (start, end, label) {
                        console.log("Une nouvelle selection a ete faite: " + start.format('DD/MM/YYYY HH:mm') );
                        change_heure('DD/MM/YYYY HH:mm');
                });

                 function change_heure(Texte) {
      document.getElementById("<%= datesel.ClientID %>").value = Texte;
            document.getElementById("btnSample").click();
        }
</div> 

Answer 1

User1535942433 posted

Hi nouhailaaz,

Accroding to your description,I have created a test.And when I select 18/09/2020,it returns today's date.

As far as I think,the problem is you add the click event of btnSample.Just this line:

function change_heure(Texte) {
      document.getElementById("<%= datesel.ClientID %>").value = Texte;
            document.getElementById("btnSample").click();
        }

It will postback and make daterangepicker return original value.

Could you tell what the click event you need to do?You could use updatepanel  asynchronous refresh.

Best regards,

Yijing Sun