使用Blazor做个简单的时间戳在线转换工具
dotNET全栈开发
共 3459字,需浏览 7分钟
·
2022-03-03 23:01
时间戳转换
时间戳转换,关键点在于双向绑定
@bind-Value
,就简单贴源码吧
TimestampTool.razor
@page "/timestamp"
@using BlazorComponent.I18n
@layout PublicLayout
<PageTitle>@T("TimestampToolTitle")PageTitle>
<h2 style="margin-bottom: 10px; margin-top: 10px; text-align: center;">@T("TimestampToolDesc")h2>
<MRow>
@T("TimestampToolDateNow") @DateToTimestamp(DateTime.Now, TimestampKind.Seconds)
MRow>
<MRow>
<MTextField Label="@T("TimestampToolTimestamp")" TValue="long" @bind-Value="@_timestamp1"/>
<MSelect @bind-Value="@_kindValue1"
Label="@T("TimestampToolTimestampKind")"
Items="@_items"
ItemText="u => u.Label"
ItemValue="u => u.Value"
Class="mx-3"
MenuProps="props => props.OffsetY = true">
MSelect>
<MButton OnClick="@Convert1">@T("TimestampToolConvert")MButton>
<MTextField Label="@T("TimestampToolBeijingTime")"
TValue="string" @bind-Value="@_datetime1"
Class="ml-3"/>
MRow>
<MRow>
<MTextField Label="@T("TimestampToolBeijingTime")" TValue="string" @bind-Value="@_datetime2"/>
<MButton Class="mx-3" OnClick="@Convert2">@T("TimestampToolConvert")MButton>
<MTextField Label="@T("TimestampToolTimestamp")" TValue="long" @bind-Value="@_timestamp2"/>
<MSelect @bind-Value="@_kindValue2"
Label="@T("TimestampToolTimestampKind")"
Items="@_items"
ItemText="u => u.Label"
ItemValue="u => u.Value"
MenuProps="props => props.OffsetY = true"
Class="ml-3">
MSelect>
MRow>
<MarkdownComponent
LocalPostFilePath="wwwroot/2022/02/2022-02-27_03.md"
SourceCodeUrl="https://github.com/dotnet9/dotnet9.com/blob/develop/src/Dotnet9.Tools.Web/Pages/Public/TimeTools/TimestampTool.razor"/>
@code
{
[Inject]
private I18n I18N { get; set; } = default!;
private DateTime _currentDatetime;
private long _timestamp1;
private long _timestamp2;
private string? _datetime1;
private string? _datetime2;
private TimestampKind _kindValue1;
private TimestampKind _kindValue2;
private readonly List<TimestampItem> _items = new();
protected override Task OnInitializedAsync()
{
_items.Add(new TimestampItem(T("TimestampToolKindSeconds")!, TimestampKind.Seconds));
_items.Add(new TimestampItem(T("TimestampToolKindMilliseconds")!, TimestampKind.Milliseconds));
_currentDatetime = DateTime.Now;
_timestamp1 = _timestamp2 = DateToTimestamp(_currentDatetime, TimestampKind.Seconds);
_datetime1 = _datetime2 = _currentDatetime.ToString("yyyy-MM-dd HH:mm:ss");
return base.OnInitializedAsync();
}
private void Convert1()
{
_datetime1 = TimestampToDate(_timestamp1, _kindValue1).ToString(_kindValue1 == TimestampKind.Seconds ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd HH:mm:ss.fff");
}
private void Convert2()
{
try
{
_timestamp2 = DateToTimestamp(DateTime.Parse(_datetime2), _kindValue2);
}
catch
{
}
}
private static long DateToTimestamp(DateTime date, TimestampKind kind)
{
try
{
var point = new DateTime(1970, 1, 1);
var time = date.Subtract(point);
return (long)(kind == TimestampKind.Seconds ? time.TotalSeconds : time.TotalMilliseconds);
}
catch
{
return default;
}
}
private static DateTime TimestampToDate(long timestamp, TimestampKind kind)
{
try
{
var point = new DateTime(1970, 1, 1);
var time = kind == TimestampKind.Seconds ? point.AddSeconds(timestamp) : point.AddMilliseconds(timestamp);
return time;
}
catch
{
return default;
}
}
public string? T(string key)
{
return I18N.LanguageMap.GetValueOrDefault(key);
}
enum TimestampKind
{
Seconds,
Milliseconds
}
class TimestampItem
{
public string Label { get; }
public TimestampKind Value { get; }
public TimestampItem(string label, TimestampKind value)
{
Label = label;
Value = value;
}
}
}
Dotnet9工具箱
会不断添加新的免费、开源、在线工具,欢迎star支持,有什么需求我会考虑加上,仓库地址:Dotnet9.Tools[1],可提交issue[2]、网站留言[3]、微信公众号(dotnet9)联系等等。
本工具源码:TimestampTool[4]
介绍文章:使用Blazor做个简单的时间戳在线转换工具[5]
在线演示地址:https://tool.dotnet9.com/timestamp[6]
参考资料
Dotnet9.Tools: https://github.com/dotnet9/dotnet9.com
[2]提交issue: https://github.com/dotnet9/dotnet9.com/issues/new
[3]网站留言: https://dotnet9.com
[4]TimestampTool: https://github.com/dotnet9/dotnet9.com/blob/develop/src/Dotnet9.Tools.Web/Pages/Public/TimeTools/TimestampTool.razor
[5]使用Blazor做个简单的时间戳在线转换工具: https://dotnet9.com/?p=1801
[6]https://tool.dotnet9.com/timestamp: https://tool.dotnet9.com/timestamp
评论