AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


Telerik Rad Date Time Picker

     Telerik is the external plugin for .net, it includes more features like grid,date time picker, calender, etc.

     Rad Date time picker is used to simplify the users work, all you need to add the telerik plugin files and just call the controller and place it where you want.

Example:-

<telerik:RadTimePicker ID="RAD_ID" runat="server">
</telerik:RadTimePicker>

Rad Date Time Picker

Rad Date Time Picker Disable the Direct Input

     In the above code user can directly enter their input to text box, if we want to remove user direct input to text box you can use the DateInput-Enabled="false".

If you didn’t use the DateInput-Enabled="false" user can edit like below screen shot.

Rad Date Time Picker User Direct input

Change Rad Date Picker Column size

     In default setting only 3 columns are display horizontally, but we can change the size of the column using <TimeView> tag. It should be write like below.

<telerik:RadTimePicker ID="RAD_ID" runat="server" DateInput-Enabled="false">
  <TimeView ID="TimeView6" runat="server" Columns="8">
</TimeView>
</telerik:RadTimePicker>

Rad Date Time Picker Change the column size

Call a client side function

     Call a client side function, when you change the rad time picker value, the <ClientEvents OnSelected="fun_name">  this function will execute..


<script type="text/javascript">
function Call_fun()
{
 alert("Date Selected");
}
</script>
------------------
------------------
<telerik:RadTimePicker ID="RAD_ID" runat="server" DateInput-Enabled="false">
 <TimeView ID="TimeView6" runat="server" Columns="8">
     </TimeView>
              <ClientEvents OnDateSelected="Call_fun" />
</telerik:RadTimePicker>

Get the Value from Rad Date Time Picker

     After selected the Time from read date time picker, you can get the selected time from the rad date picker by the below method.


var timestart = $find("<%=RAD_ID.ClientID %>");
var starttime = timestart.get_dateInput().get_value();
  (OR)
var timestart = $find("<%=RAD_ID.ClientID %>").get_dateInput().get_value();

Clear the Value in Rad Date Time Picker

     In some situation we need to clear the value from the Rad Date Time picker Text box in that time we can clear it using “set_selectedDate”.

<script type="text/javascript">
function clear_time()
{
 $find("<%RAD_ID.ClientID %>").set_selectedDate(null);
}
</script>


0 comments:

Post a Comment

Total Pageviews