Skip to main content

MVC razor table row date to compare date between other 2 date in javascript


Consider the senerio of the image that i want to select date from table row date and my selected date will check other 2 date between in javascript.


First i am getting the event of date change:


  </td>    
              <td class="rptrowdata" align="center" style="width: 65px">  
                @{  
               if (Model.EmployeeInformationList[i].OutGoingDate == DateTime.MinValue || Model.EmployeeInformationList[i].OutGoingDate == null)  
               {  
                 @Html.TextBoxFor(m => m.EmployeeInformationList[i].strOutGoingDate, new { @class = "textRegular dtPicker pmtallocated pull-right", @readOnly = "readOnly", maxlength = "10",@dir = "rtl",@onchange = "return DateChecker(this);"  })                     
               }  
               else  
               {  
                  <input type="hidden" value="@Model.EmployeeInformationList[i].OutGoingDate " name="EmployeeInformationList[@i].OutGoingDate" id="EmployeeInformationList_@i __OutGoingDate" />     
                @Model.EmployeeInformationList[i].OutGoingDate.ToString("dd-MM-yyyy")      
               }  
                }  
              </td>

now implement the DateChecker() in script


  function DateChecker(ctrl) {  
    // getting table row   
     var row = $(ctrl).parent().parent().parent().children().index($(ctrl).parent().parent());  
     var strOutGoingDate = $("#EmployeeInformationList_" + row + "__strOutGoingDate").val();  
    // You can set your value as your self of between date  
     var strFromDate = $("#strFromDate").val();  
     var strToDate = $("#strToDate").val();  
     var outGoingSplitResult = strOutGoingDate.split("-");  
     var outGoingYear = outGoingSplitResult[2].toString();  
     var outGoingMonth = outGoingSplitResult[1].toString();  
     var outGoingDay = outGoingSplitResult[0].toString();  
     var outGoingDate = new Date(outGoingYear + " " + outGoingMonth + " " + outGoingDay + " " + ",00:00:10");  
     var startSplitResult = strFromDate.split("/");  
     var startYear = startSplitResult[2].toString();  
     var startMonth = startSplitResult[0].toString();  
     var startDay = startSplitResult[1].toString();  
     var startDate = new Date(startYear + " " + startMonth + " " + startDay + " " + ",00:00:10");  
     var endSplitResult = strToDate.split("/");  
     var endYear = endSplitResult[2].toString();  
     var endMonth = endSplitResult[0].toString();  
     var endDay = endSplitResult[1].toString();  
     var endDate = new Date(endYear + " " + endMonth + " " + endDay + " " + ",00:00:10");  
    // Your Mathematical Expression  
     if (outGoingDate >= startDate && outGoingDate <= endDate) {  
       return true  
     }  
     else {  
       alert('Please select date between ' + startDate + ' and ' + endDate);  
       $("#EmployeeInformationList_" + row + "__strOutGoingDate").val("")  
       return false;  
     }  
  }




Labels:

Comments

Post a Comment

Popular posts from this blog

WPF datagrid cell textbox change event

Entity/Class: public class FeesDetails : INotifyPropertyChanged { public int Id { get; set; } public string FeesName { get; set;} public string FeesDetailsName { get; set; } public int? PaidAmount { get; set; } public event PropertyChangedEventHandler PropertyChanged; private void NotifyPropertyChanged(System.String info) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(info)); } } public int feesAmount { get; set; } public int FeesAmount { get { return this.feesAmount; } set { if (value != this.feesAmount) { this.feesAmount = value; NotifyPropertyChanged("FeesAmount"); } } } } XAML: <DataGrid AutoGenerateColumns="False" Height="21...
Post a Comment
Read more

mvc razor textboxfor change event change another textboxfor value

Based on value of Weight, Rate , CNF & AWB it will change the value of Freight , TTLCNF anfd TTLFright . Freight= Weight*Rate; TTLCNF  = Weight*CNF; TTLFright=  Freight+ TTLCNF  + AWB; @Html.TextBoxFor(model => model.Weight, new { onChange="return GetWight(this);"}) @Html.TextBoxFor(model => model.Rate, new { onChange="return GetWight(this);"})/Kg @Html.TextBoxFor(model => model.Freight, new {disabled = "disabled" , @readonly = "readonly" ,onChange="return GetTTLFright(this);"}) @Html.TextBoxFor(model => model.CNFPK, new { onChange="return GetCNFPK(this);"}) @Html.TextBoxFor(model => model.TTLCNF, new {disabled = "disabled" , @readonly = "readonly",onChange="return GetTTLFright(this);" }) @Html.TextBoxFor(model => model.AWB, new { onChange="return GetTTLFright(this);"}) and script <script> function GetW...
Post a Comment
Read more

mvvm double click event in listview

If you want to get the double click event on a listview item you can try with this code; <ListView Grid.Row="0" Grid.RowSpan="3" Grid.Column="0" Width="250" Height="200" HorizontalAlignment="Stretch" VerticalAlignment="Top" AlternationCount="2" BorderBrush="#FFA8CC7B" ItemContainerStyle="{StaticResource alternatingStyle}" ItemsSource="{Binding FromPayerNameList}" SelectedItem="{Binding SelectedFromPayer, Mode=TwoWay}"> <ListView.ItemTemplate> <DataTemplate> <TextBlock Width="{Binding Path=ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}}" Text=...
Post a Comment
Read more