setting datepicker value

[Nebras]

I know that I can read the datepicker value by :

var datepicker = $("#DatePicker").data('tDatePicker');
 var date = datepicker.value();

but i want to set the value by useing "words" such as "Today", "Last Week" and so on , how ?

[Rosen]

Hello Nebras,

Please refer to this online demo which demonstrates how to achieve such functionality.

Regards,
Rosen
the Telerik team

[Nebras]

I know them but what I want is to make the "words" to be in a dropdownlist
which doesn't  has a "class" attribute to be used in this function

<% Html.Telerik().ScriptRegistrar().OnDocumentReady(
() => {%>     
   $('.humanReadableExamples a').click(function(e) {  
          e.preventDefault();         
               setTimeout($.proxy(function() {   
             $('#DatePicker-input')  
              .focus()              
  .val($(this).text());         
   }, this), 0);        });    <%}); %>

so I created a dropdownlist with :

<%=Html.Telerik().DropDownList()
           .Items(columns =>
           {
               columns.Add().Text("All").Value("All");
               columns.Add().Text("Today").Value("Today");
               columns.Add().Text("Last Week").Value("Last Week");
               columns.Add().Text("Last Month").Value("Last Month");
               columns.Add().Text("Last Year").Value("Last Year");

           }
                 ).ClientEvents(c=>c.OnChange("OnChange"))
     .Name("fffff")
         %>

function OnChange(e) {

                if (e.value != "All") {

                    var datepicker = $("#DatePicker").data('tDatePicker');
  ????????     //datepicker.value() = e.value;
                   }
            }
</script>

any help please ??

[Rosen]

Nebras,

You may apply the same approach as shown in the demo, but instead using the links click event, you should use the dropDownList change event:

<script type="text/javascript">
     function OnChange(e) {
         if (e.value != "All") {
             $('#DatePicker-input')
                 .focus()
                 .val(e.value)
                 .trigger('change');
         }
     }
 </script>

 
Regards,
Rosen
the Telerik team

[Nebras]

It works .. Many Thanks ..