visualizar minutos entre horas

[veronica orozco]

   Buendo Dias

Te pregunto existe alguna posibilidad que cuando se haga la escala de tiempo(http://asp.syncfusion.com/demos/web/schedule/timescale.aspx), no solo marque las horas sino tambien los minutos, no tiene que ser todas pueden ser solo las :30

Adjunto imagen de como creo que se veria y cualquier duda me comentan 

Gracias

Attachment: preguntaSyn_9cfcf3ae.zip

[Karthigeyan Krishnamurthi]

Hi Veronica, 

 

Thank you for contacting Syncfusion support. 

 

Template option can be used to customize the major & minor slot values and for the same we have prepared the below sample. 

Sample: https://www.syncfusion.com/downloads/support/forum/135696/ze/Sample1288514959 

UG: https://help.syncfusion.com/aspnet/schedule/templates#timescale-templates 

 

<Code> 

<ej:Schedule ID="Schedule1" ClientIDMode="Static" Height="525px" Width="100%" CurrentDate="5/5/2014" runat="server" DataSourceID="SqlDataSource1"> 

   <TimeScale  MinorSlotCount="4" MajorSlot="60" MajorSlotTemplateId="#majorTemplate" MinorSlotTemplateId="#minorTemplate" /> 

     <AppointmentSettings Id="Id" Subject="Subject" AllDay="AllDay" StartTime="StartTime" EndTime="EndTime" Recurrence="Recurrence" RecurrenceRule="RecurrenceRule" /> 

</ej:Schedule> 

 

<!-- Template for Majorslot --> 

<script id="majorTemplate" type="text/x-jsrender"> 

    <div>{{:~major(date)}}</div> 

</script> 

 

<!-- Template for Minorslot --> 

<script id="minorTemplate" type="text/x-jsrender"> 

    <div>{{:~minor(date)}}</div> 

</script> 

 

<script type="text/javascript"> 

    function _majorFormat(date) { 

        var tFormat = ej.format(new Date(date), "hh tt"); 

        return tFormat; 

    } 

    $.views.helpers({ major: _majorFormat }); 

 

    function _minorFormat(date) { 

        var dFormat = ej.format(new Date(date), "mm"); 

        return dFormat; 

    } 

    $.views.helpers({ minor: _minorFormat }); 

</script> 

</Code> 

 

Regards, 

Karthigeyan 

[veronica orozco]

Hi Veronica, 

 

Thank you for contacting Syncfusion support. 

 

Template option can be used to customize the major & minor slot values and for the same we have prepared the below sample. 

Sample: http://www.syncfusion.com/downloads/support/forum/135696/ze/Sample1288514959 

UG: https://help.syncfusion.com/aspnet/schedule/templates#timescale-templates 

 

<Code> 

<ej:Schedule ID="Schedule1" ClientIDMode="Static" Height="525px" Width="100%" CurrentDate="5/5/2014" runat="server" DataSourceID="SqlDataSource1"> 

   <TimeScale  MinorSlotCount="4" MajorSlot="60" MajorSlotTemplateId="#majorTemplate" MinorSlotTemplateId="#minorTemplate" /> 

     <AppointmentSettings Id="Id" Subject="Subject" AllDay="AllDay" StartTime="StartTime" EndTime="EndTime" Recurrence="Recurrence" RecurrenceRule="RecurrenceRule" /> 

</ej:Schedule> 

 

<!-- Template for Majorslot --> 

<script id="majorTemplate" type="text/x-jsrender"> 

    <div>{{:~major(date)}}</div> 

</script> 

 

<!-- Template for Minorslot --> 

<script id="minorTemplate" type="text/x-jsrender"> 

    <div>{{:~minor(date)}}</div> 

</script> 

 

<script type="text/javascript"> 

    function _majorFormat(date) { 

        var tFormat = ej.format(new Date(date), "hh tt"); 

        return tFormat; 

    } 

    $.views.helpers({ major: _majorFormat }); 

 

    function _minorFormat(date) { 

        var dFormat = ej.format(new Date(date), "mm"); 

        return dFormat; 

    } 

    $.views.helpers({ minor: _minorFormat }); 

</script> 

</Code> 

 

Regards, 

Karthigeyan 

Le agradezco la respuesta 

te hago otra pregunta yo tengo dividido el Time Scale cada 5 minutos y cuando le pongo los minutos se me ve acumulado (adjunto imagen )

existe la posibilidad de solo ver la hora y el 30 (lo de color rojo en la imagen )

gracias

Attachment: timescale_202aec3f.zip

[Karthigeyan Krishnamurthi]

Hi Veronica, 

  

Thanks for your update. 

  

Kindly use the below code example in our previous sample to display the minor slot with only 30 minutes values. 

  

<Code> 

<timescale minorslotcount="4" majorslot="60" majorslottemplateid="#majorTemplate" minorslottemplateid="#minorTemplate" />  

  

<!-- Template for Minorslot --> 

<script id="minorTemplate" type="text/x-jsrender"> 

    <div>{{:~minor(date)}}</div> 

</script> 

  

<script> 

    function _minorFormat(date) { 

        var dFormat = ej.format(new Date(date), "mm"); 

        return dFormat == 30 ? dFormat : ""; 

    } 

    $.views.helpers({ minor: _minorFormat }); 

</script> 

</Code> 

  

Regards, 

Karthigeyan