Javascript 更改输入类型月份的默认视图

我正在使用输入[type='month']从用户处获取过期日期。通常是这样的： [！[在此处输入图像描述][1][1]

我想这样向用户显示：[！[在此处输入图像描述][2][2]

---

这可以实现吗？

这称为输入屏蔽。这是一个简单的代码，您可以在不使用jQuery或任何其他插件的情况下屏蔽输入。与其他插件相比，JS文件占用的空间非常少

输入，输入：悬停，输入：聚焦{
字体系列：monospace；
边框宽度：0px；
边界：无；
宽度：60px；
大纲：无；
}
标签{
显示：内联；
}
div{
保证金：0.01雷姆0；
}
.贝壳{
位置：相对位置；
线条高度：1；}
.壳体跨度{
位置：绝对位置；
左：3px；
顶部：1px；
颜色：#ccc；
指针事件：无；
z-索引：-1；}
.壳跨i{
字体风格：普通；
/*这三种方法中的任何一种都能奏效*/
颜色：透明；
不透明度：0；
可见性：隐藏；}
输入。屏蔽，
.壳体跨度{
字体大小：16px；
字体系列：monospace；
右边填充：10px；
背景色：透明；
文本转换：大写；}

到期日：