干支纪年法是中国传统的纪年方式，由天干（甲、乙、丙、丁、戊、己、庚、辛、壬、癸）和地支（子、丑、寅、卯、辰、巳、午、未、申、酉、戌、亥）组合而成，每60年一个循环。在JavaScript中实现干支纪年法的转换，可以提供一种将公历日期转化为这种古老记年方式的方法。在ASP.NET环境中，我们可以利用JavaScript进行前端处理，或者通过后端C#代码来完成。
我们需要了解干支纪年法与公历之间的关系。公元1645年开始，干支纪年与公历的对应有固定的规律。天干是10进制，地支是12进制，两者相配形成60年的周期。计算公式通常是：
1. 公元年份减去1900年，得到年差。
2. 将年差除以10，取余数作为天干的序号。
3. 将年差除以12，取余数作为地支的序号。
在JavaScript中，我们可以编写如下的函数来实现这个转换：
```javascript
function getGanZhi(year) {
var gan = ['甲', '乙', '丙', '丁', '戊', '己', '庚', '辛', '壬', '癸'];
var zhi = ['子', '丑', '寅', '卯', '辰', '巳', '午', '未', '申', '酉', '戌', '亥'];
year = year - 1900;
var ganIndex = year % 10;
var zhiIndex = year % 12;
return gan[ganIndex] + zhi[zhiIndex];
}
```
在ASP.NET的WebForm1.aspx页面中，我们可以在客户端JavaScript中调用这个函数，获取当前或指定年份的干支纪年表示：
```html
<!DOCTYPE html>
<html>
<head>
<title>干支纪年法</title>
<script src="gzjnf.js"></script>
</head>
<body>
<h1>当前干支纪年： <%= getGanZhi(new Date().getFullYear()) %> </h1>
<input type="text" id="yearInput" placeholder="输入年份">
<button onclick="displayGanZhi()">查询</button>
<div id="result"></div>
<script>
function displayGanZhi() {
var year = parseInt(document.getElementById("yearInput").value);
if (!isNaN(year)) {
document.getElementById("result").innerText = "输入年份的干支纪年：" + getGanZhi(year);
} else {
alert("请输入有效的年份！");
}
}
</script>
</body>
</html>
```
在这个示例中，`gzjnf.js`文件包含上述的`getGanZhi`函数。用户可以输入年份，点击“查询”按钮，页面会显示该年份的干支纪年。如果在ASP.NET后端处理，可以将这个功能封装为C#方法，然后传递到前端显示。
在实际开发中，为了提高用户体验，还可以考虑添加错误处理和验证，确保输入的有效性，并可能需要处理时区和夏令时等复杂情况。此外，如果需要更复杂的日期转换，比如月份和日期的干支表示，可以扩展上述方法，构建完整的干支日历系统。
理解干支纪年法的基本原理并运用JavaScript进行转换，结合ASP.NET的WebForm，我们可以创建一个功能完善的干支纪年查询工具。这不仅能够帮助用户了解中国传统文化，也展示了JavaScript在处理日期和时间方面的灵活性。
.rar （4个子文件） 
干支纪年法 
gzjnf.js 5KB
tgy_fujitsu2014-10-24nice。可以使用！
a101mengxiang2015-12-26不错，好用
