Browse Source

Improve DatePicker page for bootstrap-taghelpers website

pull/17043/head
Salih 3 years ago
parent
commit
be2288d0e2
  1. 26
      modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/DatePicker.cshtml

26
modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/DatePicker.cshtml

@ -167,7 +167,7 @@ public class DatePickerModel : PageModel
<div class="demo-with-code">
<div class="demo-area">
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"></abp-date-picker>
<abp-date-picker today-button-classes="btn-primary" asp-for="NullableDateTime"></abp-date-picker>
</div>
<div class="code-area">
<abp-tabs>
@ -182,14 +182,14 @@ public class DatePickerModel : PageModel
</abp-tab>
<abp-tab title="Tag Helper" active="true">
<pre><code>
&lt;abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"/&gt;
&lt;abp-date-picker today-button-classes="btn-primary" asp-for="NullableDateTime"/&gt;
</code></pre>
</abp-tab>
<abp-tab title="Rendered">
<pre><code>
&lt;div class="mb-3"&gt;
&lt;label class="form-label" for="NullableDateTime"&gt;NullableDateTime&lt;/label&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true"&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary"&gt;
&lt;div class="input-group"&gt;
&lt;input type="text" autocomplete="off" class="form-control"&gt;
&lt;button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing..."&gt;
@ -227,7 +227,7 @@ public class DatePickerModel : PageModel
</abp-tab>
<abp-tab title="Tag Helper" active="true">
<pre><code>
&lt;abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTime"/&gt;
&lt;abp-date-picker today-button-classes="btn-primary" asp-for="NullableDateTime"/&gt;
</code></pre>
</abp-tab>
<abp-tab title="Rendered">
@ -251,7 +251,7 @@ public class DatePickerModel : PageModel
<div class="demo-with-code">
<div class="demo-area">
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"></abp-date-picker>
<abp-date-picker today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"></abp-date-picker>
</div>
<div class="code-area">
<abp-tabs>
@ -271,14 +271,14 @@ public class DatePickerModel : PageModel
</abp-tab>
<abp-tab title="Tag Helper" active="true">
<pre><code>
&lt;abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"/&gt;
&lt;abp-date-picker today-button-classes="btn-primary" asp-for="DateTimeDateTimeOffset"/&gt;
</code></pre>
</abp-tab>
<abp-tab title="Rendered">
<pre><code>
&lt;div class="mb-3"&gt;
&lt;label class="form-label" for="DateTimeDateTimeOffset"&gt;DateTimeDateTimeOffset&lt;/label&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true" data-date="2023-04-12T18:10:05.6171150+03:00"&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary" data-date="2023-04-12T18:10:05.6171150+03:00"&gt;
&lt;div class="input-group"&gt;
&lt;input type="text" autocomplete="off" class="form-control"&gt;
&lt;button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing..."&gt;
@ -346,7 +346,7 @@ public class DatePickerModel : PageModel
<div class="demo-with-code">
<div class="demo-area">
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"></abp-date-picker>
<abp-date-picker today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"></abp-date-picker>
</div>
<div class="code-area">
<abp-tabs>
@ -361,14 +361,14 @@ public class DatePickerModel : PageModel
</abp-tab>
<abp-tab title="Tag Helper" active="true">
<pre><code>
&lt;abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"/&gt;
&lt;abp-date-picker today-button-classes="btn-primary" asp-for="NullableDateTimeDateTimeOffset"/&gt;
</code></pre>
</abp-tab>
<abp-tab title="Rendered">
<pre><code>
&lt;div class="mb-3"&gt;
&lt;label class="form-label" for="NullableDateTimeDateTimeOffset"&gt;NullableDateTimeDateTimeOffset&lt;/label&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true"&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary"&gt;
&lt;div class="input-group"&gt;
&lt;input type="text" autocomplete="off" class="form-control"&gt;
&lt;button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing..."&gt;
@ -430,7 +430,7 @@ public class DatePickerModel : PageModel
<div class="demo-with-code">
<div class="demo-area">
<abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="StringDate"></abp-date-picker>
<abp-date-picker today-button-classes="btn-primary" asp-for="StringDate"></abp-date-picker>
</div>
<div class="code-area">
<abp-tabs>
@ -445,14 +445,14 @@ public class DatePickerModel : PageModel
</abp-tab>
<abp-tab title="Tag Helper" active="true">
<pre><code>
&lt;abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="StringDate"/&gt;
&lt;abp-date-picker today-button-classes="btn-primary" asp-for="StringDate"/&gt;
</code></pre>
</abp-tab>
<abp-tab title="Rendered">
<pre><code>
&lt;div class="mb-3"&gt;
&lt;label class="form-label" for="StringDate"&gt;StringDate&lt;/label&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary" data-auto-update-input="true"&gt;
&lt;abp-date-picker data-today-button-classes="btn-primary"&gt;
&lt;div class="input-group"&gt;
&lt;input type="text" autocomplete="off" class="form-control"&gt;
&lt;button type="button" tabindex="-1" data-type="open" class="btn btn-outline-secondary d-none" data-busy-text="Processing..."&gt;

Loading…
Cancel
Save