locked
couldnt change time on the dataerange picker manually with javascript RRS feed

  • 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> 

    Tuesday, September 22, 2020 8:47 AM

All replies

  • 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

    Wednesday, September 23, 2020 9:08 AM