<div>
try:
<pre><code class="code-10 nolinks" id="code-20-38152409-1">$(document).ready(function() {
 $('#st, #et').change(function() {
 var sd = Date.parse(&quot;01/01/01 &quot; + $('#st').val());
 var ed = Date.parse(&quot;01/01/01 &quot; + $('#et').val());
 if (isNaN(sd)) {
 alert('end time not a time');
 } else if (isNaN(ed)) {
 alert('end time not a time');
 } else if (sd &gt;= ed) {
 alert('end time always greater then start time');
 }
 });
});
</code></pre>
<a href="http://jsfiddle.net/JonNorman/WbucA/" rel="ugc">http://jsfiddle.net/JonNorman/WbucA/</a> 
 
You will also need to check for fields being blank, I have also checked when et is changed.
</div>

<div>
Thanks for the reply. 
The #st, #et are not number, datetimecontrol time drop down list shows 12AM to 12PM. 
the default for both st and et is 12AM. 
I implement your code and the alert got fired no mater what time I selected. 
The validation is not working with am/pm format. 
 
&nbsp;$(document).ready(function(){ &nbsp; &nbsp; &nbsp;$(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateHours,#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff2_new_ff2_newDateHours&quot;).change(function() { &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; var st = Date.parse(&quot;01/01/01 &quot;&nbsp;+ $('#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff2_new_ff2_newDateHours').val()); 
&nbsp; &nbsp; var et = Date.parse(&quot;01/01/01 &quot;&nbsp;+ $('#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateHours').val()); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (st &gt;= et) { 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert('end time always greater then start time'); 
&nbsp; &nbsp; &nbsp; &nbsp; } 
 
&nbsp; &nbsp; &nbsp;var sd = &nbsp;$(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff2_new_ff2_newDate&quot;).val(); 
&nbsp;//set enddate = startdate, always same date &nbsp; &nbsp; &nbsp; 
&nbsp;$(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDate&quot;).val(sd); 
&nbsp;//hide enddate calendar and field &nbsp; &nbsp; &nbsp;$(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateDatePickerImage&quot;).hide(); 
&nbsp;$(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDate&quot;).hide(); 
&nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp;&lt;/script&gt; 
What i am doing is to remove the date section of the end date in sharepoint datetimecontrol and force the end date to HAVE TO BE the same DATE as start date, only allowing for a different time. so the user can only pick an end TIME. end time must be greater than start time. &nbsp;Thanks in advance.
</div>

<div>
In that case can you have 0 as the value for 12AM, 1 for 1AM, 2 for 2AM... 12 for 12PM, 13 for 1PM etc?
<pre><code class="code-10 nolinks" id="code-20-38156132-1">&lt;select&gt;
 &lt;option value=&quot;0&quot;&gt;12AM&lt;/option&gt;
 &lt;option value=&quot;1&quot;&gt;1AM&lt;/option&gt;
 &lt;option value=&quot;2&quot;&gt;2AM&lt;/option&gt;
 &lt;option value=&quot;3&quot;&gt;3AM&lt;/option&gt;
 &lt;option value=&quot;4&quot;&gt;4AM&lt;/option&gt;
 &lt;option value=&quot;5&quot;&gt;5AM&lt;/option&gt;
 &lt;option value=&quot;6&quot;&gt;6AM&lt;/option&gt;
 ...
 &lt;option value=&quot;23&quot;&gt;11PM&lt;/option&gt;
&lt;/select&gt;
</code></pre>
And then you can simply check parseInt($(&quot;#st&quot;).val())&gt;=parseInt($(&quot;#et&quot;).val()); 
 
If you can't then can you give an example of what $(&quot;#st&quot;).val() is so I can write some sort of regular expression to get to the comparison you need. The easiest way of doing this would be to paste in the source as viewed by a web browser for the two dropdowns (&lt;select&gt;s).
</div>

<div>
For the hours 
&lt;select name=&quot;ctl00$m$g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85$ff3_new$ff3_newDateHours&quot; id=&quot;ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateHours&quot; dir=&quot;ltr&quot;&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option selected=&quot;selected&quot; value=&quot;12 AM&quot;&gt;12 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;1 AM&quot;&gt;1 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;2 AM&quot;&gt;2 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;3 AM&quot;&gt;3 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;4 AM&quot;&gt;4 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;5 AM&quot;&gt;5 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;6 AM&quot;&gt;6 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;7 AM&quot;&gt;7 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;8 AM&quot;&gt;8 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;9 AM&quot;&gt;9 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;10 AM&quot;&gt;10 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;11 AM&quot;&gt;11 AM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;12 PM&quot;&gt;12 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;1 PM&quot;&gt;1 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;2 PM&quot;&gt;2 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;3 PM&quot;&gt;3 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;4 PM&quot;&gt;4 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;5 PM&quot;&gt;5 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;6 PM&quot;&gt;6 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;7 PM&quot;&gt;7 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;8 PM&quot;&gt;8 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;9 PM&quot;&gt;9 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;10 PM&quot;&gt;10 PM&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;11 PM&quot;&gt;11 PM&lt;/option&gt; 
 
 
minutes 
&lt;select name=&quot;ctl00$m$g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85$ff3_new$ff3_newDateMinutes&quot; id=&quot;ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateMinutes&quot; dir=&quot;ltr&quot;&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option selected=&quot;selected&quot; value=&quot;00&quot;&gt;00&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;05&quot;&gt;05&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;10&quot;&gt;10&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;15&quot;&gt;15&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;20&quot;&gt;20&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;25&quot;&gt;25&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;30&quot;&gt;30&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;35&quot;&gt;35&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;40&quot;&gt;40&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;45&quot;&gt;45&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;50&quot;&gt;50&lt;/option&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option value=&quot;55&quot;&gt;55&lt;/option&gt; 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/select&gt; 
 
Thank you!
</div>

<div>
<pre><code class="code-10 nolinks" id="code-20-38158857-1">$(document).ready(function() {
 var baseDateId = &quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_&quot;;
 $(baseDateId+&quot;ff3_new_ff3_newDateHours, &quot;+baseDateId+&quot;ff2_new_ff2_newDateHours, &quot;+baseDateId+&quot;ff2_new_ff2_newDateMinutes, &quot;+baseDateId+&quot;ff3_new_ff3_newDateMinutes&quot;)).change(function() {
 var sdHours = $(baseDateId+&quot;&quot;ff2_new_ff2_newDateHours&quot;).val().split(&quot; &quot;);
 var sdMins = $(baseDateId+&quot;ff2_new_ff2_newDateMinutes&quot;).val();
 var sd = new Date(&quot;01/01/01 &quot; + sdHours[0] + &quot;:&quot; + sdMins + &quot; &quot; + sdHours[1]);
 var edHours = $(baseDateId+&quot;&quot;ff3_new_ff3_newDateHours&quot;).val().split(&quot; &quot;);
 var edMins = $(baseDateId+&quot;ff3_new_ff3_newDateMinutes&quot;).val();
 var ed = new Date(&quot;01/01/01 &quot; + edHours[0] + &quot;:&quot; + edMins + &quot; &quot; + edHours[1]);
 if (isNaN(sd)) {
 alert('end time not a time');
 } else if (isNaN(ed)) {
 alert('end time not a time');
 } else if (sd &gt;= ed) {
 alert('end time always greater then start time');
 }
 });
});
</code></pre>
I have assumed that ff2 is startdate and ff3 is enddate, I might have got some of the ids wrong, I have set up a string baseDateID as all the elements seem to start with that string. What it is doing is creating an array in sdHours and edHours which has 12 for first element and AM for last element if the value was &quot;12 AM&quot;, then it creates a date (1st Jan 2001 at the time selected). This means that you can compare the two times. The compare checks greater than or equal, if you are happy to accept equal dates change line 14 to } else if (sd &gt;&nbsp;ed) {. 
 
Good Luck, I think you are nearly there!
</div>

<div>
It works just the way I want. &nbsp;Except the syntax might be not right . &nbsp; $(baseDateId+&quot;ff3_new_ff3_newDateHours, &quot;+baseDateId+&quot;ff2_new_ff2_newDateHours, &quot;+baseDateId+&quot;ff2_new_ff2_newDateMinutes, &quot;+baseDateId+&quot;ff3_new_ff3_newDateMinutes&quot;)).change(function() { 
it doesn't fire if using $(baseDateId+&quot;ff3_new_ff3_newDateHours, &quot;&nbsp;... multiple selectors. 
 
If I use $(&quot;#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff3_new_ff3_newDateHours,#ctl00_m_g_8de45819_92eb_4eea_a5d0_4bf3d2b38a85_ff2_new_ff2_newDateHours&quot;).change(function() { &nbsp; &nbsp; 
 
It works but a little bit long... &nbsp;Thanks a lot.
</div>

<div>
Everything works now. &nbsp;It had an extra ')' in previous change event. 
 
I appreciated your guidance.
</div>

<div>
ah yes, I can see that now, it was my fault, sorry.
</div>

<div>
<div class="content wysiwyg-content">
I also want to add validation to start time and end time 
$(document).ready(function() { 
&nbsp; &nbsp; &nbsp;$('#st').change(function(){ 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var st = parseInt($('#st').val().replace(':', ''), 10); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var et = parseInt($('#et').val().replace(':', ''), 10); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(st &gt;&nbsp;et) 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{ 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert('end time always greater then start time'); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;} &nbsp; &nbsp; }); }); 
That doesn't work with a 12-hour time format; 12:00 AM is before 11:59 PM. 
 
Thanks
</div>
</div>

I also want to add validation to start time and end time 
$(document).ready(function() {
     $('#st').change(function(){
         var st = parseInt($('#st').val().replace(':', ''), 10);
          var et = parseInt($('#et').val().replace(':', ''), 10);
              if(st > et)
             {
                alert('end time always greater then start time');
             }     }); }); 
That doesn't work with a 12-hour time format; 12:00 AM is before 11:59 PM. 

Thanks

Jquery date time validation in sharepoint designer

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

Microsoft Sharepoint is a software platform and family of software products used for collaboration and web publishing combined. These capabilities include developing web sites, portals, intranets, content management systems, search engines, wikis, blogs, and other tools for business intelligence and collaboration. SharePoint has a Microsoft Office-like interface, and it is closely integrated with the Office suite.