add timestamp tool;

Author: dotnet9

src/CodeWF/Pages/Tool/Converter/Timestamp.razor

@@ -0,0 +1,137 @@
+@inject IOptions<SiteOption> SiteOptions
+
+<PageTitle>时间戳转换工具 - @SiteOptions.Value.AppTitle</PageTitle>
+
+<div class="container">
+    <div class="row mb-3">
+        <div class="col d-flex align-items-center gap-2">
+            <span>当前时间戳:</span>
+            <span class="text-danger" id="currentTimestamp"></span>
+            <button class="btn btn-primary btn-sm" onclick="startRefreshing()">开始刷新</button>
+            <button class="btn btn-secondary btn-sm" onclick="stopRefreshing()">停止刷新</button>
+            <button class="btn btn-info btn-sm" onclick="refreshTimestamp()">刷新</button>
+        </div>
+    </div>
+
+    <div class="row mb-3">
+        <div class="col d-flex align-items-center gap-2">
+            <span>时间戳:</span>
+            <input type="text" class="form-control w-auto" id="inputTimestamp" />
+            <select class="form-select w-auto" id="timestampUnit">
+                <option value="s">秒</option>
+                <option value="ms">毫秒</option>
+            </select>
+            <button class="btn btn-primary btn-sm" onclick="convertTimestampToDate()">转换为日期</button>
+            <input type="text" class="form-control w-auto" id="outputDate" readonly />
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col d-flex align-items-center gap-2">
+            <span>日期时间:</span>
+            <input type="datetime-local" class="form-control w-auto" id="inputDate" />
+            <button class="btn btn-primary btn-sm" onclick="convertDateToTimestamp()">转换为时间戳</button>
+            <input type="text" class="form-control w-auto" id="outputTimestamp" readonly />
+            <select class="form-select w-auto" id="outputUnit">
+                <option value="s">秒</option>
+                <option value="ms">毫秒</option>
+            </select>
+        </div>
+    </div>
+</div>
+
+<style>
+    .gap-2 {
+        gap: 0.5rem;
+    }
+</style>
+
+<script>
+    let timer = null;
+
+    function refreshTimestamp() {
+        const now = Date.now();
+        document.getElementById('currentTimestamp').textContent = Math.floor(now / 1000);
+    }
+
+    function startRefreshing() {
+        stopRefreshing();
+        refreshTimestamp();
+        timer = setInterval(refreshTimestamp, 1000);
+    }
+
+    function stopRefreshing() {
+        if (timer) {
+            clearInterval(timer);
+            timer = null;
+        }
+    }
+
+    function convertTimestampToDate() {
+        const timestamp = document.getElementById('inputTimestamp').value;
+        const unit = document.getElementById('timestampUnit').value;
+        const outputElement = document.getElementById('outputDate');
+
+        if (!timestamp || isNaN(timestamp)) {
+            outputElement.value = '无效的时间戳';
+            return;
+        }
+
+        try {
+            const timestampNum = parseInt(timestamp);
+            const date = new Date(unit === 'ms' ? timestampNum : timestampNum * 1000);
+
+            if (isNaN(date.getTime())) {
+                outputElement.value = '无效的时间戳';
+                return;
+            }
+
+            outputElement.value = date.toLocaleString('zh-CN', {
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                hour12: false
+            });
+        } catch {
+            outputElement.value = '转换失败';
+        }
+    }
+
+    function convertDateToTimestamp() {
+        const dateStr = document.getElementById('inputDate').value;
+        const unit = document.getElementById('outputUnit').value;
+        const outputElement = document.getElementById('outputTimestamp');
+
+        if (!dateStr) {
+            outputElement.value = '';
+            return;
+        }
+
+        try {
+            const timestamp = new Date(dateStr).getTime();
+            outputElement.value = unit === 'ms' ? timestamp : Math.floor(timestamp / 1000);
+        } catch {
+            outputElement.value = '转换失败';
+        }
+    }
+
+    // 页面加载时初始化当前时间戳
+    document.addEventListener('DOMContentLoaded', () => {
+        refreshTimestamp();
+        // 设置默认日期时间为当前时间
+        const now = new Date();
+        const year = now.getFullYear();
+        const month = String(now.getMonth() + 1).padStart(2, '0');
+        const day = String(now.getDate()).padStart(2, '0');
+        const hours = String(now.getHours()).padStart(2, '0');
+        const minutes = String(now.getMinutes()).padStart(2, '0');
+        document.getElementById('inputDate').value = `${year}-${month}-${day}T${hours}:${minutes}`;
+    });
+</script>
+
+@code {
+    public const string Slug = "timestamp";
+}

src/CodeWF/Pages/Tool/Index.razor

@@ -39,6 +39,10 @@
                 {
                     <IconConverter/>
                 }
+                @if (string.Equals(Slug, Timestamp.Slug, StringComparison.OrdinalIgnoreCase))
+                {
+                    <Timestamp />
+                }
             }
         </ChildContent>
     </CmsCard>